Cara Membuat Widget Recent Post Dengan Gambar - Artikel tentang cara membuat widget artikel terbaru atau recent post telah dimuat di blog ini, namun widget recent post tersebut hanya menampilkan judul artikel saja tanpa disertai dengan gambar. Untuk menambahkan gambar pada widget tersebut sangat mudah dilakukan. Yang harus Anda lakukan adalah mengganti script widget tersebut dengan script yang telah ditentukan.
Bagi Anda yang ingin membuat widget recent post dengan thumbnail, berikut ini langkah-langkah yang harus Anda lakukan :
1. Log In ke Blog Anda.
2. Masuk ke bagian Tata Letak blog Anda.
3. Kilk "Tambahkan Gadget".
4. Klik "HTML/JavaScript".
5. Tuliskan judul widget, misalnya Recent Post atau Artikel Terbaru
6. Copy kode/script dibawah ini !
<style type='text/css'>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
float:left;margin: 10px 10px 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
.recent_posts_with_thumbs strong {font-size:12px;}</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 = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150;
</script> <script src='http://Nama-Blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150;
</script> <script src='http://Nama-Blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
7. Paste didalam kolom konten !
- var numpost = 5; adalah jumlah artikel yang ditampilkan, Anda bisa mengubahnya.
- Ganti Nama-Blog dengan nama blog Anda.
8. Klik "Simpan".
Hasilnya akan tampak seperti gambar di bawah ini :
Itulah Cara Membuat Widget Recent Post Dengan Gambar yang dapat Anda lakukan. Dengan menampilkan gambar pada widget recent post Anda, tentunya widget tersebut akan tampak lebih menarik. Semoga bermanfaat.
