Copy paste kode ini
di blog anda
<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 = 10; var numchars = 60; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul> </div>
Cara nya :
- Login akun blogger
- Tata letak
- Tambah Gadget >
HTML/Javascript
- Masukkan kode diatas
- Simpan dan lihat hasilnya.
Keterangan :
width:60px;height:65px diatas adalah ukuran untuk gambar di
Recent Post.
var speed = 400; var
pause = 3500; diatas adalah
kecepatan Slide gambar Recent Post
var numposts = 10; var
numchars = 60; diatas adalah 10
Jumlah posting yang akan di tampilkan di Recent Post dan 60 adalah Huruf atau
deskripsi postingan yang ditampilkan di Recent Post.
Anda bisa merubah parameter lainnya, seperti besarnya font, warna
font, background, lebar dan tinggi kolom atau lainnya sesuai dengan bentuk atau
format blog Anda.
Note :
Apabila di template anda sudah terpasang kode "jquery"
(seri berapapun), maka kode "jquery" diatas tidak usah dipasang
lagi..!!.
Silahkan tambahkan komentar Anda, Semoga dapat sama-sama membangun. Terima kasih.
EmoticonEmoticon