Cara Membuat Widget Recent Post Dengan Gambar

Tujuan membuat seperti ini adalah, biar Blog kita terlihat lebih cantik.

Jadi pembaca Pun terterik dengan blog kita.

Oke lah, daripada Ceramah, mending langsung ke topik aja deh.

Cara Membuat Widget Recent Post Dengan gambar, Yang saya maksud adalah Persis seperti gambar dibawah:

NI CARANYA

• Masuk Ke Blogger
• Pilih Tata Letak 
  
  
  
• Kik add/tambahkan Gadget

• Kik HTML/JavaScript

• Kemudian Pastekan Kode dibawah
<div id='bp_recent'></div>
<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script>
<script style='text/javascript'>
var numberOfPosts = 20;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://hahorason.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

NOTE

1. Pada kode yang berwarna merah, adalah jumlah Resent yang Muncul, silahkan ganti sesui selera agan.
2. Pada kode berwarna kuning, silahkan ganti dengan URL blog sobat.

• kemudian save

Demikian Cara Membuat Widget Recent Post Dengan gambar, Semoga bermanfaat.

Jangan Lupa di share jika memang bermanfaat.

Terimakasih, happy blogging.