Cara Membuat Widget Recent Post Bergerak Dengan Gambar Thumbnail di Blog

Cara Membuat Widget Recent Post Bergerak Dengan Gambar Thumbnail di Blog - Anda punya blog dan ingin memasang widget recent post yang bisa bergerak? Ditambah lagi dengan gambar thumbnail? Nah, sekarang anda berada di tempat yang tepat teman. Silahkan anda copy dan pastekan kode yang saya kasihkan dibawah ke dalam widget blog anda. Mungkin untuk tutorialnya anda sendiri sudah tau kan cara menambahkan widget baru pada blog? Tapi kalau belum, monggo ikuti langkah - langkahnya berikut ini :

Anda masuk ke akun blog anda
Pilih menu "Tata Letak"
Klik "Tambahkan Gadget", lalu pilih "HTML/JavaScript"
Kemudian anda copy dan paste kode dibawah kedalam kolom widget "HTML/JavaScript" tersebut
Yang terakhir klik "Simpan"
Selesai, coba anda lihat hasilnya

Kode Widget Recent Post Bergerak Dengan Gambar Thumbnail

<center><style type="text/css">

#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 0px;background-color:transparent;}

#rp_plus_img ul{list-style-type:none;margin:0;padding:0}

#rp_plus_img li{border:0px; margin:0; padding:0; list-style:none;}

#rp_plus_img li{height:60px;padding:4px;list-style:none;}

#rp_plus_img a{color:#F68629;}

#rp_plus_img .news-title{display:block;font-size:12px;font-weight:normal !important;color:#F68629;text-align:justify;}

#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}

#rp_plus_img img{float:left;margin-right:12px;padding:0px;border:solid 1px #999;width:95px;height:55px;}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">

</script>

<script src="http://lirik-dulu.googlecode.com/files/Slide%20Down%20Recent%20Post.js.txt" type="text/javascript">

</script>

<script type="text/javascript">

var speed = 500;

var pause = 3000;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

<ul id="rp_plus_img"><script>

var numposts = 7;

var numchars = 0;

</script> <script src="http://blogingguru.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">

</script> </ul>

</center><div class="clear">
</div>
<div style="text-align: left;">
<a href="http://blogingguru.blogspot.com/2013/12/cara-membuat-widget-recent-post.html" title="Gimana cara membuat widget ini? mau? klik saja....">Buat Widget ini</a>
</div>