Cara Membuat Recent Post Keren

Recent post adalah artikel terbaru di blog kita. Selain untuk memperindah tampilan blog, juga bermanfaat untuk membantu pengunjung melihat artikel terbaru lainnya.

Ok banget kan? Mari simak tutorialnya berikut ini: 

1. Log in ke www.blogger.com 

2. Klik Tata Letak 

3. Klik Tambah Gadget 

4. Edit HTML/ Java Script 

5. Copy paste kode dibawah ini (Ctrl+C→Ctrl+V) ke dalam kotak HTML

Kode Script:

<style type="text/css"> #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#FFFFFF; border:solid 1px #FFFAFA;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;} </style><br /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script><br /> <script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript"> </script><br /> <script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script><br /> <ul id="rp_plus_img"><script> var numposts = 5; var numchars = 0; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"> </script> </ul> <small><a

6. Simpan Setelan → Lihat Blog 

Selamat mencoba, semoga bermanfaat. 

Sumber : http://fauzan-bachrie.blogspot.com