Cara Membuat Random Post Blogger Keren | Bangiz

Cara Membuat Random Post Blogger Keren

Bangiz - Widget random post pada blog berguna untuk menampilkan tulisan terbaru secara acak, bisa juga menampilkan tulisan yang sudah lama. Ditunjang dengan kecepatan situs, pastinya akan membantu meningkatkan pageview halaman Anda.

Tampilan widget dapat dengan mudah disesuaikan dengan template yang digunakan, misalnya untuk jenis font, ukuran font, warna font, ukuran gambar, hingga kecepatan randomnya. Tips blogging lainnya silahkan baca Cara Menambah Kolom Footer di Blog.

Tertarik untuk menambahkan widget random post blogger keren ini dengan efek vertikal slider ini, silahkan ikuti caranya berikut ini:

1. Masuk dasbor Blogger > Pilih Tata Letak > Pilih Tambahkan Gadget.

2. Copy-Paste kode berikut pada kolom tersedia:
<!-- Begin: bangiz.blogspot.com -->
<center><style type="text/css">
#rp_plus_img{height:560px;overflow:hidden;border:solid 0px #fff;padding:0px 0px 0px 0px;background-color:#transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:5px; margin:0; padding:1; list-style:none;}
#rp_plus_img li{height:75px;padding:3px;list-style:none;}
#rp_plus_img a{color:#000000;}
#rp_plus_img .news-title{display:ok;font-size:11px;font-weight:bold !important;color:#000000;text-align:left;}
#rp_plus_img .news-text{display:block;font-family:Arial, Verdana, Trebuchet;font-size:10px;font-weight:normal !important;color:#000000;text-align:left;}
#rp_plus_img img{float:left;margin-right:3px;padding:2px;border:solid 0px #fff;width:75px;height:75px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 120;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://bangiz.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>
<br/><div style="clear: both;font-size: 9px;text-align:right;"><a href="http://bangiz.blogspot.com/2013/08/Random-Post.html" target="blank"><font color="gray">[Get This]<font></font></font></a></div></div>
<!-- End: bangiz.blogspot.com -->
3. Simpan dan lihat hasilnya.

Keterangan:
  • 560px --> tinggi dari widget tersebut
  • 120 --> kecepatan bergerak
  • bangiz.blogspot.com : ganti dengan nama blog Anda
Random post blogger
Random post
Cara di atas menurut saya cukup simple dan saya coba berhasil, apabila ada keluhan atau pertanyaan seputar topik di atas silahkan tinggalkan komentar. Jangan lupa ikuti +Bangiz untuk mendapatkan tips dan trik blogging terbaru.
Name

Blogging,108,CorelDRAW,14,Desain Grafis,25,Facebook,22,Foto Sampul,32,Gambar,53,Info,26,Instagram,2,Internet,28,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,35,Twitter,2,Wallpaper,18,
ltr
item
Bangiz: Cara Membuat Random Post Blogger Keren
Cara Membuat Random Post Blogger Keren
Bagaimana cara membuat widget Random post terbaru pada blog, random post untuk blogger dengan thumbnail gambar dan judul postingan yang pastinya keren, bikin widget postingan terbaru secara acak dan animasi, random post blogger widget..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1h7enEQF1Eaj8mCzUxoutxhMoEtgsuTNRpHIq2p_sx2LJsClWuazBpRK7kTCdH4fHzs4OV929PDR5yOwzTrrVTcOXDmRfc6HR5BwSIeItw6X0m7Ms4fBBATBBBxxQeqAUfh9MBCLDY9E/s1600/random+post.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1h7enEQF1Eaj8mCzUxoutxhMoEtgsuTNRpHIq2p_sx2LJsClWuazBpRK7kTCdH4fHzs4OV929PDR5yOwzTrrVTcOXDmRfc6HR5BwSIeItw6X0m7Ms4fBBATBBBxxQeqAUfh9MBCLDY9E/s72-c/random+post.jpg
Bangiz
https://bangiz.blogspot.com/2013/08/Random-Post.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2013/08/Random-Post.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RELATED POSTS LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy