Cara membuat recent post bergambar

Mr.Black Hats Informasi - Widget Pada artikel sebelumnya kita telah membahas Pengertian Domain yang berkategori Domain yang mengungkap maksud dan apa itu domain pada artikel tersebut tapi berbeda pada posting ini yang berkategori Widget.

Waktu yang lama untuk saya memikirkan posting apa yang tepat dan ternyata sampai sekarang pun saya masih memikirkan apa posting kali ini tepat?walaupun posting ini tidak tepat tapi tidak apa-apa lah soalnya blog ini hampir 5 hari belum update hehe :D

Sebelumnya kalian sudah tau cara membuat recent post sederhana?mungkin lain waktu kita akan membahasnya.Recent dalam bahasa indonesia nya adalah Kumpulan dan Post dalam bahasa indonesia nya adalah Posting yang jadi nya adalah widget kumpulan posting.widget ini pun tidak jadul soalnya masih banyak para blogger memanfaatkan widget ini untuk mempermudah pengunjung mencari artikel,oke kita langsung bahas aja :

Untuk demo nya silahkan lihat screen shot gambar nya :

Gb.1

• Login ke blog kalian
• Klik 'Rancangan'
• Klik 'Tambah Gadget'
• Pilih 'Html / Java Script'
• Copy paste kode dibawah ini

<script language="JavaScript"> imgr = new Array(); imgr[0] = "http://t0.gstatic.com/images?q=tbn:ANd9GcRgD8wnGIadmI5UokU1MUX7rB_RxeUmpXU2v4D1csy75GMWdMuWkG7NpjrN1g"; imgr[1] = "http://t0.gstatic.com/images?q=tbn:ANd9GcRgD8wnGIadmI5UokU1MUX7rB_RxeUmpXU2v4D1csy75GMWdMuWkG7NpjrN1g"; imgr[2] = "http://t0.gstatic.com/images?q=tbn:ANd9GcRgD8wnGIadmI5UokU1MUX7rB_RxeUmpXU2v4D1csy75GMWdMuWkG7NpjrN1g"; imgr[3] = "http://t0.gstatic.com/images?q=tbn:ANd9GcRgD8wnGIadmI5UokU1MUX7rB_RxeUmpXU2v4D1csy75GMWdMuWkG7NpjrN1g"; imgr[4] = "http://t0.gstatic.com/images?q=tbn:ANd9GcRgD8wnGIadmI5UokU1MUX7rB_RxeUmpXU2v4D1csy75GMWdMuWkG7NpjrN1g"; showRandomImg = true; boxwidth = 180; cellspacing = 2; borderColor = "#000"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 3; home_page = "http://www.black-hats.cc.cc/"; </script><br /> <script src="http://recent-post-with-image.googlecode.com/files/recentpostwithimage.js" type="text/javascript"></script>

• Jika sudah klik 'Simpan Template'

Tutorial diatas akan berjalan lancar jika kalian mengikuti nya secara detail,silahkan berkomentar jika kalian ingin bertanya :)