Cara Mudah Membuat Widget Rescent Post dengan Thumbnail

Widget recent posts ini berbeda dari yang biasanya dan keuntungannya kita bisa atur lebar widget, warna border, ukuran font, tinggi dan lebar thumbnails, dll. Tapi kelemahan widget ini adalah tidak adanya cuplikan isi post atau preview dari postingan kita.Tapi menurut ane singkat kok dan lumayan menarik hasilnya. Anda tertarik...ikuti langkah berikut.

1. Loginlah ke blog anda
2. Klik Tata Letak.
3. Klik Elemen Halaman.
4. Kemudian klik Tambah Gadget.
5. Pilih yang HTML / Javascript, lalu masukkan kode scriptnya berikut ini :
   <script language="JavaScript">
   imgr = new Array();
   imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true;
   boxwidth = 298;
   cellspacing = 8;
   borderColor = "#FFFFFF";
   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 = 5;
   home_page = "http://blogonol.blogspot.com/";
   </script>
   <script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
   
   
6. Yang harus di ganti / edit.
      boxwidth = 298  -–> lebar kotak widget   
      cellspacing = 8  -–> ruang di antara sel   
      borderColor = "#FFFFFF"  -–> warna border / garis pada kotak
      thumbwidth = 40  --> lebar thumbnails
      thumbheight = 40  --> tinggi thumbnails 
      fntsize = 12  --> ukuran font (huruf)   
      acolor = "#666"  --> warna Judul   
      aBold = true  --> tebal huruf pada judul post (true or false)   
      numposts = 5  --> jumlah judul post yang ingin ditampilkan
     home_page = http://blogonol.blogspot.com/ -–> ganti dengan alamat url blog anda. 
   Untuk kode warna – warna, bisa lihat disini.
   
7. Simpan. dan jangan lupa komentar yaaa....makasih

"keep spirits and do the best"