Cara Membuat Recent Post dengan Gambar (Thumbnail)

Cara Membuat Recent Post dengan Gambar (Thumbnail) - Recent Post atau Artikel Terbaru adalah 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, agar terlihat rapi dan elegan.

(Gambar : Recent Post dengan Gambar)

Bagi kamu 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, langsung masuk ke dasbor blog.
3. Kemudian klik Layout → Add Gadget → HTML/JavaScript.
4. Setelah itu Copy Paste (copas) kode 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>

Keterangan :
tutorial-blogz : Silahkan ganti dengan URL Blog Anda.

5. Langkah terakhir, Klik Save.

Itulah Cara Membuat Recent Post dengan Gambar (Thumbnail),

Semoga Bermanfaat !

Share this post