Cara Membuat Widget Recent Post Bergambar Automatis

Posting kali ini Masih dalam Berbagi Tutorial Blogger yaitu Cara Membuat Widget Recent Posts Automatis dengan tampilan gambar seperti contoh di bawah ini.

Cara membuatnya sangat mudah silahkan ikuti langkah nya seperti berikut :

• Login ke akun Blogger anda
• Masuk ke dasbord blogger pilih Tata Letak
  
• Pada menu dalam Tata Letak lalu klik Tambahkan Gadget
  
• Pada kolom Dasar-dasar pilih html/javascript 
  
• Copy paste kode script di bawah ini pada kolom Mengkonfigurasi html
  

Copy Paste Kode berikut
 <div id='bp_recent'></div>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 70;
var imgFloat = 'left';
var myMargin = 9;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://gototbexy.blogspot.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

Membuat Widget Recent Post Bergambar Automatis