Cara membuat widget recent post bergambar di blog

widget - Cara membuat widget recent post bergambar di blog | Apa fungsi daripada Recent Post tersebut,?Recent Post adalah sebuah fitur widget yang mampu menampilkan beberapa post atau artikel baru anda, Untuk membuat tampilan blog anda lebih menarik dan informatif anda di perlu memasang widget ini, Widget Recent Post ini juga bermafaat bagi para pengunjung untuk mengetahui atau menelusuri artikel baru anda , dengan begitu pembaca akan lebih mudah untuk mencari informasi-iformasi terupdate dari blog anda.

Recent Post ini Menggunakan thumbnail yang dapat membuat tampilan widget anda lebih menarik karena disertakan gambar, sehingga pengunjung mungkin akan lebih terinspirasi untuk mengklik pos-pos tersebut.

Membuat Recent Post dengan Thumbnail

Membuat Widget Recent Commets

Berikut cara pemasanganya membuat recent post dengan thumbnail di blog


Baca juga :
Cara membuat Widget recent comments di sidbar blog
Cara mudah memasang tombol follow witter di idbar blog


  • Login ke akun blogger and
  • Pilih Layout
  • Klik Add Widget
  • Pilih HTML/ Javascript
  • Masukkan kode dibawah ini


<style type='text/css'>
img.recent_thumb {padding:1px;width:60px;height:60px;border:0;
float:left;margin: 5px 5px 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;margin: 5px 5px 5px 0px;padding: 0;font-size:11px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
.recent_posts_with_thumbs {font-size:11px;}</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 = 6;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 75; </script>
<script src='http://www.triknews.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>


Ganti jumlah posting yang akan tampil pada angka 6 pada baris nomer 9 ,dan ubah juga alamat url http://www.triknews.com/ pada baris 17 diatas dengan alamat url milik anda. Kode ini telah dicoba dan berhasil, seperti terlihat pada gambar.

Terakhir Simpan:

Demikian penjelasan kami mengenai Cara membuat widget recent post bergambar di blog Semoga bisa menjadi referensi serta bermanfaat bagi anda.

2 komentar

Recent post di atas kelihatan SEO friendly sekali ya mas


EmoticonEmoticon