Membuat Recent Post Menggunakan Thumbnail

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Assalamu'alaikum,

Oke gan, ketemu lagi sama aku "Seinal Abidin" . Kali ini aku mau ngasih Artikel tentang Cara Membuat Recent Post Menggunakan Thumbnail. Langsung aja, tanpa banyak omong,karena aku takut mulut ini disolatipin sama agan-agan. hehe Langsung ke TKP =====>

• Login ke Blogger.com
• Di menu dasboard, klik "Design/Tata Letak ==> Tambah Gadget ==> HTML/JavaScript"
• Copy script dibawah ini
  <script language="JavaScript">
  
  imgr = new Array();
  
  
  imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
  
  imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
  
  imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
  
  imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
  
  imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
  showRandomImg = true;
  
  boxwidth = 230;
  
  cellspacing = 8;
  
  borderColor = "#ffffff";
  
  bgTD = "transparent";
  
  thumbwidth = 40;
  
  thumbheight = 40;
  
  fntsize = 12;
  
  acolor = "#666";
  
  aBold = true;
  
  icon = " ";
  
  text = "comments";
  
  showPostDate = false;
  
  summaryPost = 40;
  
  summaryFontsize = 10;
  
  summaryColor = "#666";
  
  icon2 = " ";
  
  numposts = 10;
  
  home_page = "http://sinalnews.blogspot.com/";
  
  </script>
  
  <script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>
• Paste di kolom HTML/JavaScript tadi
• Simpan
• Lihat Blog

Contoh Recent Post Thumbnail

 
 NB:

• boxwidth = 230;
  Size, ganti sesuai keinginan
• home_page="http://sinalnews.blogspot.com/"; 
  ganti dengan URL blog agan.

Cukup Mudah Bukan? 

Oke, Semoga artikel ini bermanfaat bagi kalian. Jangan lupa dishare, di follow, dan di comment ya :)

=>*Selamat Mencoba*<=