Recent Posts Widget with Thumbnails

Recent Posts Widget with Thumbnails

Recent Posts Widget with Thumbnails

Sebelumnya telah kita bahas bagaimana  memasang widget artikel terbaru atau recent posts ini, baca selengkapnya Cara Memasang Widget Recent Posts with Thumbnail. Kali ini kita akan membuat widget artikel terbaru atau recent posts ini dengan tampilan yang sedikit berbeda. Langsung saja, bagi yang ingin mempercantik blog dengan Recent Posts Widget with Thumbnails ini, ikuti langkah-langkah berikut.

Recent Posts Widget with Thumbnails

  • Login ke blogger

  • Pilih menu Tata Letak

  • Pilih Tambahkan Gadget

  • Kemudian pilih HTML/JavaScript

  • Beri judul Widget sesuai selera Sobat pada kolom Judul

  • Copy kode berikut dan paste-kan pada kolom Konten yang tersedia

<div id='bp_recent'></div>

<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.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 = 5;

var mediaThumbsOnly = true;

var showReadMore = false;

</script>

<script src='http://trikseoblogpemula.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

  • Ganti yang diberi warna merah sesuai dengan keinginan atau kebutuhan Sobat

  • Terakhir klik Simpan
Demikian Recent Posts Widget with Thumbnails ini semoga dapat memberikan alternative pilihan widget Recent Posts untuk mempercantik tampilan blog Sobat. Semoga dapat bermanfaat dan selamat mencoba.

Artikel terkait:

Bagikan: