Copy paste kode ini di blog anda sobat,,
<div style="margin-bottom: 15px;">Cara nya :
<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>
- Login akun blogger
- Tata letak
- Tambah Gadget > HTML/Javascript
- Masukkan kode diatas
- Simpan dan alhamdulllah.. waktu anda 1 menit koma 2 detik ( kalau jaringan lancar ) hheheheh ^_^
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..!!.
nice share mas bro .. koment backnya di www.haztak21.blogspot.com
ReplyDeleteGan Ditunggu Kunjungan Baliknya http://panca-hero.blogspot.com
DeleteNice Posts Gan Ditunggu Kunjungan Baliknya http://panca-hero.blogspot.com
ReplyDeletethx ya udh brkjnjung,,
Deletenice bro, gua suka yang cepat-cepat. tanpa basa basi :D
ReplyDeleteoya bagus sob,,klu lambat ntar telat sob hehehe ^_^
Deletemakasih informasinya... saya akan coba pasang di blog saya
ReplyDeletekecepetan ini mah hihi
ReplyDelete