Cara Menciptakan Recent Post Dengan Gambar (Thumbnail)

Cara Membuat Recent Post dengan Gambar (Thumbnail) - Recent Post atau Artikel Terbaru yaitu widget yang berfungsi untuk menampilkan Artikel atau Posting terbaru suatu blog. Dengan adanya widget recent post, pengunjung bisa tahu artikel terbaru yang kita publikasikan ke blog kita. Selain itu, widget ini juga bertujuan untuk mempercantik tampilan blog kita, supaya terlihat rapi dan elegan.

(Gambar : Recent Post dengan Gambar)

Bagi kau yang ingin tahu Cara Membuat Recent Post dengan Gambar (Thumbnail), silahkan ikuti langkah-langkah dibawah ini.

1. Login ke Account Blogger masing-masing.
2. Bila sudah login, pribadi masuk ke dasbor blog.
3. Kemudian klik Layout → Add Gadget → HTML/JavaScript.
4. Setelah itu Copy Paste (copas) isyarat dibawah ini ke dalam konten HTML/JavaScript.

<style type='text/css'>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
float:left;margin: 10px 10px 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
.recent_posts_with_thumbs strong {font-size:12px;}</style>
<script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150; </script>
<script src='http://tutorial-blogz.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>