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)

Tutorial Blog

• Cara Menampilkan Update Artikel Blog atau Website ke Twitter dan Facebook
• Cara Membuat Daftar Isi Blog
• Cara Membuat Stripe-Ad di Blogspot
• Cara Melakukan Review Blog di Alexa
• Tips SEO ( Search Engine Optimization) Lengkap
• Cara Membuat Widget Sharing is Sexy
• Cara Memodifikasi Tampilan Facebook Fans Page
• Cara Membuat Widget Related Post / Artikel Terkait di Sidebar
• Cara Mengganti Template di Blogspot
• Memodifikasi Tampilan Template "Bloggerpedia 007 Style Template"
• Membuat Widget Recent Post Slider
• Tata Cara Tukeran Link di Blog Ini
• Cara Mendaftarkan Blog di Ask.Com

Tutorial Blogspot

• Cara Menampilkan Update Artikel Blog atau Website ke Twitter dan Facebook
• Cara Membuat Daftar Isi Blog
• Cara Membuat Stripe-Ad di Blogspot
• Tips SEO ( Search Engine Optimization) Lengkap
• Cara Membuat Widget Sharing is Sexy
• Cara Memodifikasi Tampilan Facebook Fans Page
• Cara Membuat Widget Related Post / Artikel Terkait di Sidebar
• Cara Mengganti Template di Blogspot
• Memodifikasi Tampilan Template "Bloggerpedia 007 Style Template"
• Membuat Widget Recent Post Slider
• Cara Mendaftarkan Blog di Ask.Com

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