Cara Membuat Recent Post Berjalan di Blog

Selamat pagi sobat blogger.. Kali ini saya akan membagikan hal-hal yang berhubungan tentang Tips and Tricks tentang blogging dan tampilan blog.. 

Recent post atau dalam bahasa indonesianya posting terakhir atau artikel terkini adalah widget yang bisa sobat pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini. Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak ( animasi ) ke bawah..

Langsung saja ini dia langkah-langkahnya :

1. Log In ke akun blog sobat..
2. Masuk ke dashboard lalu ke Tata Letak..

3. Tambah Gadget lalu klik tanda +  pada HTML/Javascript..
4. Masukkan kode berikut ke dalam konten..

<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 #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .newhttp://www.blogger.com/blogger.g?blogID=7387137553280775374#editor/target=post;postID=2186997075479513532s-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>
<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/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
   
</script>
<ul id="rp_plus_img"><script>
    var numposts = 5;
    var numchars = 0;
   
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://anoncyber.blogspot.com/2013/06/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>

5. SAVE dan lihat hasilnya..

Bagi yang jago HTML/Javascript dapat diedit sendiri sesuka kalian.. Itu hanya script dasar..