Cara membuat Recent Posts Berjalan

Cara Membuat Recent Post Berjalan Ke Bawah

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. Sebelumnya saya memposting artikel diantaranya:

- Cara Membuat Status Facebook Keren Dan Unik

- Cara Memasang Widget Jumlah Posting dan Komentar Di Blog

- Cara Memberi Background Pada Arsip Blog dan Cara Ampuh Mendapatkan Sejuta Backlink Gratis!.

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://putupunyablog.blogspot.com/2012/08/cara-membuat-recent-post-berjalan-ke.html" target="_blank">[Pasang]</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.. :] !!!!.