√ Cara Gampang Menciptakan Recent Post (Artikel Terbaru) Pada Sidebar Blog

Hai sobat Blogger, kita akan membahas bagaimana Cara Praktis Membuat Recent Post (artikel terbaru) Pada Sidebar Blog, fungsi dari recent post itu sendiri ialah semoga pengunjung mengetahui apa saja artikel gres  yang di posting.

Berikut caranya :
1. Masuk ke blog kau www.blogger.com

2. Pilih opsi lainnya, lalu pilih Tata letak

3. Tambahkan Gadget (sebaiknya pada sidebar kanan/kiri)

4. Pilih HTML/Javascript

5. silakan pastekan arahan berikut ini :

<div style="overflow:auto; width:80%px; max-height:220px; 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/j4vascript" src="http://yourj4vascript.com/11132354122/tholeb-recent.js"></script>
<script type="text/j4vascript">
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://hendrisetiawan.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/j4vascript"></script></div>

catatan ;
- goresan pena berwarna merah adalah lebar dan tinggi gadgetnya, kau dapat merubahnya.
- goresan pena berwarna biru adalah jumlah post yang ditampilkan

6. Simpan
Sumber http://www.hendrisetiawan.com