Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail

Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail di Blog bertujuan supaya pengunjung blog melihat dan mengetahui setiap postingan terbaru/terupdate dari blog anda, karena Widget Artikel Terbaru dengan Thumbnail selalu up to date dan hanya menampilkan beberapa artikel yang terakhir kali anda postingkan. Jumlah postingan terbaru yang akan ditampilkan di sidebar blog dapat anda atur dan sesuaikan dengan keinginan anda, sehingga kiranya tidak akan memakan banyak ruang sidebar untuk menampilkan Widget Artikel Terbaru dengan Thumbnail tersebut. Berikut cara Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail :

1). Login ke blog lalu klik Tata Letak > Tambah Widget > pilih HTML/Java Script.
2). Lalu Masukan kode berikut ini :

<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 .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>
<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></small>
<small><a href=" http://mas-andes.blogspot.com" target="_blank">News Article</a></small>

3). Save dan selesai.