Cara Membuat Recent Post Bergerak di Blog

Hay sobat blogger. Tengah hari bolong gini, tetep posting gak boleh bolong. Kali ini Berbagi Info akan berbagi info bagaimana Cara Membuat Recent Post Bergerak di Blog . Di widget bawaan bogspot, widget seperti ini sudah ada dan sobat bisa pasang, namun kelebihan widget ini adalah, widget ini dapat menampilkan posting-posting terbaru dari blog sobat, dengan efek dropdown kebawah,
dan postingan yang tampil dibawah, akan kembali lagi ke atas dan seterusnya. Memang widget ini mantap. hehe.. oh iya sobat, gambar disamping adalah widget Recent Post yang sudah saya beri efek scroll, mungkin sobat ingin membaca Cara Membuat Scroll di Widget Blog . Jadi kalo sobat ikutin langkah dibawah ini, widget sobat belum ada scroll nya.
Oke Kita langsung praktekin.  :

1. Login ke blog sobat
2. Klik TATA LETAK
3. Pilih letak mana yang ingin sobat beri widget recent post
4. Kemudian klik TAMBAH GADGET
5. Pilih HTML/JAVASCRIPT
6. Masukan kode dibawah ini pada menu 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 .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="http://berbagilmubersamaraffi.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://berbagilmubersamaraffi.blogspot.com/search/label/Widget%20Blog" target="_blank">Blogger Widget</a></small>
<small><a href="http://berbagilmubersamaraffi.blogspot.com/2013/06/cara-membuat-recent-post-bergerak-di.html" target="_blank">Get This Widget</a></small>

#Jumlah Posting yang ditampilkan adalah 5
Ganti URL yang berwarna merah dengan url blog sobat.
Mohon jumlah posting jangan diubah karena bisa membuat widget jadi berantakan.

7. Klik SIMPAN dan lihat hasilnya

Semoga info ini bermanfaat