Cara Membuat Random Posts Bergerak Dengan Thumbnail

Oleh Byrdty

Sabtu, 09 Mei 2015

Bagikan :

Tweet

Cara membuat random posts bergerak dengan thumbnail di blogger

BCA Site.-Apabila mungkin anda ingin menampilkan artikel yang lama,maka ini adalah pilihan yang tepat bagi kamu.Cara membuat random posts bergerak dengan thumbnail Ini berbeda dengan Popular Posts,melainkan ini adalah Random Posts yang akan menampilkan artikel kamu secara acak.



Langsung aja ikutin caranya :

1. Masuk ke Blogger
2. Pilih Tata Letak
3. Klik Tambahkan Gadeget
4. Pilih HTML/JavaScript
5. Masukkan kode di bawah ini

 

<div style="margin-bottom: 15px;"> <style type="text/css"> #rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:70px;padding:1px;list-style:none;} #rp_plus_img a{color:#3366ff;} #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;} #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;} #rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script> <script type="text/javascript"> var speed = 400; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 20; var numchars = 60; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul> </div>

Cukup sekian semoga bermanfaaat.Silahkan komentar apabila masih ada yang belum jelas.

Tag : Tutorial Blogger