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 Merubah Blog Nofollow Menjadi Blog Dofollow
  Nah kali ini saya akan posting Cara Merubah Blog...
• Cerita Anak SMA | Foto HOT Sexy dan Menggairahkan
  Cerita Anak SMA | Foto HOT - Mungkin banyak orang-orang...
• Cara Membuat Navbar Auto Hide di Blog
  Jika sebelumnya saya posting Kumpulan Cara Mengatasi...
• Kumpulan Cara Mengatasi Hanya Di Cara-Mengatasi.Com
  Kumpulan Cara Mengatasi Hanya Di Cara-Mengatasi.Com - Kali...
• Cara Membuat Tombol Like/Suka di Setiap Postingan Blog
  Mungkin cara ini udah basi/udah pada bisa membuatnya,ya...
• Cara Membuat Widget Recent Post Bergerak Di Blog
  Recent Post Animasi Bergerak adalah widget yang dibuat...
• Cara Membuat Total Comment dan Total Post di Blog
  Widget Total Comment dan Total Post di Blog...
• Kumpulan Jadwal Sepak Bola Olimpiade London 2012
  Kumpulan Jadwal Sepak Bola Olimpiade London 2012 -...
• Cara Membuat Breadcrumb Terindex Oleh Google
  Cara Membuat Breadcrumb Terindex Oleh Google - Kali ini...
• Cara Membuat Komentar dan Status Kosong Di Facebook
  Kali ini saya share Cara Membuat Komentar dan Status...

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 ^__^

Cara Membuat Widget Recent Post Bergerak Di Blog 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share 'Cara Membuat Widget Recent Post Bergerak Di Blog' On ...

Anda baru saja membaca artikel yang berkategori Panduan Blog dengan judul Cara Membuat Widget Recent Post Bergerak Di Blog. Anda bisa bookmark halaman ini dengan URL http://arioutsider69.blogspot.com/2012/07/cara-membuat-widget-recent-post.html. Terima kasih!

Ditulis oleh: AriOutsider69 - Senin, 30 Juli 2012