Membuat Widget Recent Post dengan Gambar

Widget Recent Post merupakan salah satu widget yang sangat penting pada suatu blog (baca : Widget Penting Yang Harus Dimiliki Sebuah Blog). Widget recent post berfungsi untuk menampilkan update artike terbaru blog kita. Widget recent post ini biasanya terletak di sidebar. Widget Recent Post ini sendiri ada dua macam. Widget Recent Post Tanpa Gambar (baca : Memasang Widget Recent Post di Sidebar Blog) dan Widget Recent Post dengan Gambar.

Apakah blog anda sudah menggunakan / memasang widget recent post bergambar ini? Jika belum, akankah anda tertarik untuk memasangnya. Untuk memasang widget ini caranya sangat mudah, kita tinggal copy-paste  semua kode yang ada dibawah ini. Untuk Langkah - Langkahnya adalah sebagai berikut :

• Login ke blogger
• Click Tab Rancangan
• Tata Letak
• Klik tombol Tambah Gadget
• Kemudian pilih Add HTML/Javasript
• Copy semua kode di bawah ini, dan paste di kotak yang tersedia :
  

  <script language="JavaScript">
  
  imgr = new Array();
  
  
  imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
  
  imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
  
  imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
  
  imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
  
  imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
  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://zonaunlimited.blogspot.com/";
  
  </script>
  
  <script src="http://the-killermedia.googlecode.com/files/RecentPostThumb.js" type="text/javascript"></script>

• Setelah itu, click Simpan

Keterangan :
boxwidth - Ukuran Lebar Widget
borderColor - Warna Border
thumbwidth & thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font Judul
acolor - Warna Font Judul
numposts - Jumlah recent post yang ingin di tampilkan
home_page - Alamat URL Blog Kamu (ganti alamat blog tersebut dengan alamat blog kamu)

Posting yang berjudul Membuat Widget Recent Post dengan Gambar ini Diposting oleh Coba Coba pada 11/26/2011 11:00:00 PM
Label: Tutorial Blog, Tutorial Blogspot
Jangan lupa berikan komentar anda pada artikel yang berjudul Membuat Widget Recent Post dengan Gambar ini :DD