Recent Posts Dengan Thumbnail

Memasang Recent Posts Dengan Thumbnail - atau widget artikel terbaru, merupakan salah satu widget yang sangat penting untuk membantu meningkatkan jumlah page view blog. Mengapa? karena widget tersebut dapat menampilkan link-link yang menuju ke beberapa artikel yang terakhir yang telah kita buat jadi pengunjung blog dapat mengetahui mana artikel terakhir yang kita buat. Pada artikel sebelumnya saya telah membahas bagaimana cara membuat / memasang widget recent post berdasarkan label atau kategori.

Ok, bagi sobat yang penasaran ingin tahu bagaimana tampilannya, anda dapat melihat gambar dibawah ini :

---

DEMO

---

Bagaimana, kerenkan? ok bagi anda yang tertarik untuk memasang widget ini, silahkan ikuti beberapa langkah membuat / memasang widget recent post dibawah ini :

1. Silahkan login ke blogger
2. kemudian klik "Layout  -->  Add a Gadget  -->  HTML / Javascript"
3. selanjutnya copy-paste kode script dibawah ini kedalam kota isian HTML/Javascript!

<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://duaoppat.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Keterangan :

• Ganti kode duaoppat dengan alamat 
• Untuk mengatur jumlah artikel yang akan ditampilkan, silahkan ganti kode  5.

4. Klik tombol Save. 

5. Selesai.Selamat anda telah berhasil memasang widget recent posts di blog!



Bagaimana mudah bukan? ok selamat mencoba! Mungkin hanya ini yang dapat saya sampaikan kali ini, untuk kurang dan lebihnya mohon dimaafkan. Terimaksih