Cara Membuat Widget Recent Post Bergerak Di Blog

Recent Post Animasi Bergerak adalah widget yang dibuat dengan tujuan memperlihatkan postingan terakhir di suatu blog atau website, apabila sebuah artikel yang di posting memuat suatu gambar maka widget ini pun akan menunjukan gambar yang telah di muat artikel tersebut dengan ukuran yang kecil tentunya, tidak sama dengan ukuran gambar aslinya di dalam posting.Bagi anda yang penasaran dengan widget recent post silahkan lihat widgetnya di bawah ini !

• Cara Memperkuat Sistem Keamanan Komputer
  Cara Memperkuat Sistem Keamanan Komputer - Saat...
• Cara Mudah Merawat Notebook/Laptop
  Cara Mudah Merawat Notebook/Laptop - Mungkin saat ini...
• Hosting Terbaik Indonesia – JavaHostinger.com
  Hosting Terbaik Indonesia – JavaHostinger.com - Kali...
• Cara Membersihkan CD/DVD yang Tergores atau Baret
  Cara Membersihkan CD/DVD yang Tergores atau Baret -...
• Mau Bikin Website + Hosting Murah AbizZ? Ke Rajawebhost.com aja!
  Mau Bikin Website + Hosting Murah AbizZ? Ke Rajawebhost.com...
• Cara Merawat Baterai Laptop Agar Awet dan Tahan Lama
  Cara Merawat Baterai Laptop Agar Tahan Lama - Alfadlys...
• Kumpulan Software Freeware dan Legal
  Kumpulan Software Gratis Freeware dan Legal - Di...
• Web Hosting Terbaik Indonesia Murah
  Web Hosting Terbaik Indonesia Murah - Memilih Web...
• Cara Mengatasi Adaptor Laptop Sangat Panas Saat Di Pakai
  Cara Mengatasi Adaptor Laptop Sangat Panas Saat Di...
• Cara Membuat Virus Komputer Nakal Mematikan
  Cara Membuat Virus Komputer Nakal Mematikan - Setiap...

gimana bagus kan widgetnya ? ^__^ Kalo bagus kita langsung aja cara membuatnya widgetnya :

1. Login pada akun Blogger anda
2. Klik TataLetak pada dashboard
3. Lalu klik Tambah Widget
4. Pilih JavaScript
5. Copas/Copy Paste kode di bawah ini
<div style="margin-bottom: 15px;"> <style type="text/css"> #rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:70px;padding:1px;list-style:none;} #rp_plus_img a{color:#3366ff;} #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;} #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;} #rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://wisnunugraha.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script> <script type="text/javascript"> var speed = 400; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 10; var numchars = 60; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul> </div>
6. Simpan widgetnya dan lihat hasilnya 

Keterangan :
width:60px;height:65px diatas adalah ukuran untuk gambar di Recent Post.
var speed = 400; var pause = 3500; diatas adalah kecepatan Slide gambar Recent Post
var numposts = 10; var numchars = 60; diatas adalah 10 Jumlah posting yang akan di tampilkan di Recent Post dan 60 adalah Huruf atau deskripsi postingan yang ditampilkan di Recent Post.

Semoga Berhasil ^__^