Cara Membuat Recent Post Berjalan Ke Bawah Di Blog

Cara Membuat Recent Post Berjalan Ke Bawah Di Blog – Hay sobat semua, pada kali ini saya share Widget Recent Post Dengan Gambar Berjalan Ke Bawah Di Blog.

Diantara postingan saya diatas masih banyak lagi tutorial, tips trik di akun blog aku ini. Oya sobat, saya sampai lupa saya kan disini membahas seperti judul diatas :D. Maaf sobat, saya terlalu kelewatan.

Tanpa basa-basi, jika sobat berminat memasang widget recent post berjalan dengan gambar ini silahkan ikuti langkah-langkah berikut ini. Oya, widget ini bisa diletakkan dimana saja, mau di sidebar | Bawah postingan blog | Header | Footer | Sesuai keinginan sobat. Baik, berikut ini cara pemasangannnya.

- Login ke akun blogger sobat.
- Dasbor >> Rancangan >> Elemen Laman >> Tambah Widget.
- Cari dan pilih “Html/JavaScript”.
- Masukkan kode berikut pada kotak konten!. Jangan lupa Isi judul dengan "Recent Post". Dengan mohon jangan menghapus 1 kode pun.

<div style="overflow:auto;width:100%;height:250px;padding:0px;border:0px solid black">

<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: 3px;}
 #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 = 8;
var numchars = 0;
</script><script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script></ul></div><center><small><a href="http://loker-blogger.blogspot.com/2013/06/cara-membuat-recent-post-berjalan-ke.html" target="_blank">[ = Get Widget = ]</a></small></center>

- Jika semuanya sudah, jangan lupa klik "Simpan". Silahkan sobat lihat hasilnya :) dan jangan lupa berkomentar ya sobat :) tapi ingat,, janga nyepam ya.. :] !!!!.