Recent Post Blog With Image

Trik kali ini, akan membahas tentang cara membuat static recent post dengan image thumbnails atau postingan artikel terbaru yang disertai gambar. Sebagai contoh, bisa dilihat pada sidebar blog atau pada contoh static recent post with image di bawah ini.

Bagaimana cara membuat static recent post with image ini ??? gampang, monggo disimak infonya...

• Login ke blog sobat.
• Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
• Copy - Paste kode di bawah ini kemudian letakan di konten gadget.

  
  <script language="JavaScript">
  imgr = new Array();
  showRandomImg = true;
  tablewidth = 300;
  cellspacing = 3;
  borderColor = "#f2f2f2";
  bgTD = "#f2f2f2";
  imgwidth = 80;
  imgheight = 80;
  fntsize = 12;
  acolor = "#666";
  ccolor = "#5588aa";
  cFontsize = 10;
  aBold = true;
  icon = " ";
  text = "comments";
  showPostDate = false;
  summaryPost = 50;
  summaryFontsize = 10;
  summaryColor = "#666";
  icon2 = " ";
  numposts = 3;
  home_page = "http://monosbit.blogspot.com/";
  </script>
  <script src="http://sites.google.com/site/monosbit/monosbit_recentpostwithimage.js" type="text/javascript"></script>
  
• Sesuaikan kode diatas yang berwarna merah agar sesuai dengan tampilan blog sobat.
  tablewidth = 300; // Lebar kotak widget
  borderColor = "#f2f2f2"; // Warna pembatas
  numposts = 3; // Jumlah postingan yang ditampilkan
  home_page = "http://monosbit.blogspot.com/"; // Alamat URL blog (NB: gunakan "/" pada akhir alamat seperti contoh diatas)
• Klik "Save" dan lihat hasilnya.

Semoga postingan artikel kali ini dapat memberikan manfaat untuk anda. Oke... selamat mencoba dan jangan lupa komentarnya yaa supaya info berikutnya lebih kreatif dan bermanfaat.