Static Recent Post 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 MozWidget 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();
  imgr[0] = "http://i40.tinypic.com/14wbofa.png";
  imgr[1] = "http://i43.tinypic.com/15qb13c.jpg";
  imgr[2] = "http://i42.tinypic.com/2ztcydd.png";
  imgr[3] = "http://i44.tinypic.com/2ljol87.png";
  imgr[4] = "http://i39.tinypic.com/2cdj3gx.jpg";
  
  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://monozcore.blogspot.com/";
  </script>
  <script src="monozcore-project.googlecode.com/files/recentpostwithimage.txt" type="text/javascript"></script>
  <div align="center">
  <span style="font-size:80%;"><a href="http://monozcore.blogspot.com/2011/11/static-recent post-with-image.html" target="blank">Get This Widget</a></span>
  </div>
• 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://monozcore.blogspot.com/"; // Alamat URL blog (NB: gunakan "/" pada akhir alamat seperti contoh diatas)
• Klik "Save" dan lihat hasilnya.

.:Semoga Bermanfaat:.