Cara Membuat Random Post Blogger Keren

Advertisemen
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.
Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments