Cara Membuat Widget Recent Post Di Blog Dengan Thumbmail dan Jumlah Komentar

Kali ini kita akan belajar untuk membuat widget recent post pada blog yang disertai dengan thumbmail dan juga jumlah komentar dari masing-masing postingan. Sebelumnya saya juga sudah membagikan cara membuat widget recent post yang keren, dan kali ini yang akan kita buat juga tidak akan kalah keren.

Dibawah ini adalah penampilah widget recent post yang akan kita buat :

Cara Membuat Widget Di Atas :

Langkah 1 : Silahkan masuk ke Blogger >> Dashboard >> Tata Letak >> Tambah Gadget

Langkah 2 : Pilih gadget HTML/Javascript pada pilihan yang tersedia

Langkah 3 : Silahkan masukkan kode di bawah ini ke kotak pop up yang keluar

<div style="overflow:auto; width:100%px; max-height:500px; padding:10px; border:1px solid #999999;">
<style>
img.recent_thumb {padding-right:5px;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: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;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 = true;
var showcommentnum = true;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src="http://www.cofeemix.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script></div>

Langkah 4 : Ganti www.cofeemix.com dengan alamat blog anda !

Nah setelah itu silahkan anda klik simpan dan anda telah menyelesaikannya. Mudah bukan? kalau anda masih bingung silahkan tinggalkan pertanyaan di kotak komentar yang tersedia.

Sebelumnya saya juga sudah berbari cara untuk membuat widget recent post yang keren, berikut adalah penampilannya.

Jika anda tertarik untuk membuat widget di atas, silahkan klik link berikut : Cara membuat widget recent post yang keren di blogger blog.

Post Tags:

sidebar widget

Jillur Rahman

I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.

Website: http://masala-jr.blogspot.com/