Cara Membuat Recent Post jQuery

S etelah beberapa kali membuat postingan seperti : Membuat daftar isi blog otomatis, Cara pasang iklan  dalam postingan, dan Cara membuat navigasi back to top Kali ini saya ingin berbagi pengalaman bagaimana cara membuat Recent Post dengan jQuery. Langkah-langkahnya sangat simpel.

Pertama langkahnya seperti biasanya ya hanya pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript, lihat Gambar:

Coppy kode berikut lalu paste-kan ke gadget tadi

  <center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css"> #rp_plus_img{height:280px;overflow:hidden;border:solid 0px #0000FF;padding:6px 10px 14px 5px;background-color:#99FFFF;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:85px;padding:0px;list-style:none;} #rp_plus_img a{color: #FF0000;} #rp_plus_img .news-title{display:block;font-size:12px;font-weight:bold !important;color:#0000FF;text-align:left;} #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#0000FF;text-align:justify;} #rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #DF0101;width:45px;height:25px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script> <script src="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript"> </script> <script type="text/javascript"> var speed = 1000; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"><script> var numposts = 20; var numchars = 45; </script> <script src="http://sanggurus.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"> </script> </ul> </center></td></tr></tbody></table></center>
Catatan : http://sanggurus.blogspot.com ganti dengan URL blog anda
Simpan gadget, dan lihat hasilnya. Jika berhasil maka hasilnya akan seperti ini :

Selamat mencoba semoga sukses

Label :Tutorial