Cara Membuat Widget Recent Post Dengan Efek Thumbnail Gambar

Widget Recent Post ini adalah Widget Recent Post yang didesain dengan gambar saja dan tidak mempunyai descripsi. Widget Recent Post sangat berguna untuk memperlihatkan Post Terakhir yang telah anda buat sebelumnya. Widget Recent Post adalah salah satu widget yang wajib dipasang. Dengan cara ini Recent post bisa dibuat stylish dari widget yang biasa bisa juga disebut cara untuk memperindah blog. Widget ini Memiliki Kapasitas Posting 8 post agar bisa menghemat tempat, dengan Style Thumbnail. Widget ini juga mudah untuk dipasang tanpa harus mengubah HTML Template Anda. Keuntungan dari Widget Recent Post ini Adalah Widget yang tidak Memerlukan banyak tempat, Mudah Dipasang, Dan Lebih Stylish. Widget ini dibuat oleh BlueKut. Jika Anda Berminat untuk memasang Widget ini ada hanya perlu menambahkan Gagdet HTML, Seperti Cara Dibawah ini:

• Silahkan Masuk Ke Blogger Anda.
• Setelah itu, Klik Menu Tata Letak, --> Add Gadget HTML.
• Lalu, Paste Kode Dibawah ini :

<div id='bp_recent'></div><div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href=' style='padding: 1px 0px 0px 19px;text-decoration:none;'></a> <a href='http://your-belajarblog.blogspot.com/?utm_src=BP_recent' target='_blank' title='blogger widgets'></a></small></div>
<script style='text/javascript' src='http://javascript-bluekut.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 8;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 120;
var imgFloat = 'left';
var myMargin = 2;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://your-belajarblog.blogspot.com/feeds/posts/default?max-results=12&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
<div style="text-align:right; font-size:9px;"><a href="http://your-belajarblog.blogspot.com/2013/02/cara-membuat-widget-recent-post-dengan.html">Get this Widget</a></div>

<div class='clear'></div>

Keterangan:

Ganti tulisan yang berwarna merah dengan url blog anda.

• Setelah itu, Klik Tombol Simpan.

Selamat Mencoba,

Salam Sukses.

Your-BelajarBLOG