Cara Memasang Widget Recent Post Pada Blog

Cara Memasang Recent Post Pada Blog

1. login blogger

2. tata letak >> tambah gadget >> html/java script

3. copy paste script dibawah ini

<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://blogedek-javascript.googlecode.com/files/recentpoststhumb.js"></script>
<script type="text/javascript">
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<script src="http://wayan-susandiarta.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script>

NOTE:

1. ganti tulisan berwarna merah dengan url blog sobat
2. pengrtian tentang tulisan berwarna biru:

• var numpost merupakan jumlah posting yang akan tampil pada recent post
• var showpostthumbnail menampilkan gambar pada recent post
• var displaymore tautan link untuk membaca post fungsinya seperti readmore
• var displayseparator menampilkan garis yang membatasi antara post satu dengan yang lainnya
• varcommentnum menampilkan jumlah komentar
• var showpostsummary menampilkan deskripsi tentang post
• var numchars merupakan jumlah karakter dari deskripsi post

3. dan untuk menggunakan mau pun tidak, dapat menggunakan FALSE dan TRUE, saya asumsikan TRUE itu Ya dan FALSE itu Tidak, jadi ketika saya tidak ingin menampilkan var postsummary saya akan menuliskan FALSE.