Membuat Widget Recent Post Dengan Fungsi Scroll

Membuat Widget Recent Post Dengan Fungsi Scroll - widget ini berfungsi untuk menampilkan artikel terbaru, keuntungan dari memakai widget ini adalah untuk menampilkan artikel terbaru kita, lah kok bolak balik kata-katanya, :D
Begini sob, sobat kan pasti punya widget popular post, popular post itu kan berfungsi untuk menampilkan artikel kita yang sering dikunjungi, otomatis kan artikel kita yang baru gak akan muncul di widget itu, lah itulah fungsinya,hihi (maaf bahasa saya kasar)
Okelah sobat langsung saja simak berikut ini.

Cara Membuat Widget Recent Post Dengan Fungsi Scroll

1. Login ke akun blogger sobat

2. Klik Tata Letak => add gadget => HTML/javascript

3. Masukkan Kode script berikut ini di kolom yang tersedia, kasih nama terserah sobat.

<div style="overflow:auto; width:80%px; max-height:250px; padding:5px;">
<style>
img.recent_thumb {padding-right:10px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:0px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/11132354122/tholeb-recent.js"></script>
<script type="text/javascript">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src="http://tipsblogbaru.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script></div>

4. Save template dan lihat hasilnya

NOTE

1. Angka 10 yang berwarna merah adalah jumlah artikel yang akan ditampilkan, ganti sesuai keinginan sobat.
2. Warna yang berwana Hijau ganti dengan URL blog sobat.

Ditulis Oleh:

Abu Tholeb