Atau anda bisa mengklik bagian side bar pada blog ini pada sebelah kanan
Recent post dengan gambar dan judul postingan serta sedikit cuplikan postingan, langkah langkahnya seperti ini
Login ke akun anda>> pada dasbor>> klik template >> edit HTML Cari kode berikut
]]></b:skin> dan letakkan kode CSS dibawah ini diatas kode tadi (untuk mempermudah mencari kode tekan Ctrl+F).
/* LABEL CHOOSESelanjutnya cari kode </head> kemudian letakkan script berikut diatasnya
================================================ */
img.label_thumb{
float:left;
padding:5px;
border:1px
solid #F3F3F3;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{
float:left;
width:100%;
min-height:70px;
margin:0px 10px 2px 0px;
padding:0}
ul.label_with_thumbs li{
padding:8px 0;
min-height:65px;
margin-bottom:10px;
list-style:none;
}
.label_with_thumbs a{}
.label_with_thumbs strong{}
<script src='http://tipstrikblogging.googlecode.com/files/newslabelchoice.js' type='text/javascript'/>Save/ simpan template.
Selanjutnya meletakna widget recent Post perlabel Keren, Masih pada dasbor>> klik>> Tata Letak>> tambah gadget,Pilih HTML/JavaScript, Letakkan kode berikut pada form yang muncul dan beri judul yang anda inginkan
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>Keterangan script diatas: Numposts adalah angka jumlah posting yang ingin ditampilkan.
<script type="text/javascript" src="/feeds/posts/default/-/Category Here?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Jika tidak ingin menampilkan thumbnail ganti true menjadi false
Jika ingin menampilkan tanggal, read more, dan summary semua yang bertuliskan false ganti menjadi true
Tulisan berwarna merah ganti dengan label postingan yang anda pilih.
Simpan dan lihat hasilnya diblog anda! lihat hasilnya serti dibawah ini