Recent Posts with Thumbnails Widget for Blogger

Post ini merupakan perpanjangan karya besar dari Kiranthi sebagai pencipta Recent Posts with Thumbnails Widget for Blogger. Recent Post yang satu ini penampilannya sangat menarik karena ada tambahan berupa image dalam bentuk thumbnails serta jumlah komentar dari setiap post yang tampil.
Copy seluruh kode dibawah ini dan masukan pada blog dengan langkah-langkah dibawahnya :


<script language="JavaScript">
imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 450;

cellspacing = 8;

borderColor = "#66B5FF";

bgTD = "#66B5FF";

thumbwidth = 30;

thumbheight = 30;

fntsize = 12;

acolor = "#3D81EE";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://epg-studio.blogspot.com/";

</script>

<script src=" http://sites.google.com/site/epgstudiosite/javascript/recentposts_thumbnail.js" type="text/javascript"></script>



  1. Masuk ke Blogger dengan ID anda.
  2. Pilih Tata letak, kemudian klik menu Elemen halaman.
  3. Pilih Tambah Gadget.
  4. Klik tanda + pada HTML/JavaScript.
  5. Masukan kode tadi ke dalam kolom konten yang tersedia.
  6. Klik Simpan.



Gantilah kode- kode diatas sesuai dengan keinginana anda :


  1. boxwidth = 450; : ukuran lebar widget.
  2. cellspacing = 8; ukuran spasi antar sel
  3. thumbwidth = 40; thumbheight = 40; ukuran image
  4. numposts = 10; banyaknya post yang ditampilkan
  5. home_page = "http://epg-studio.blogspot.com/"; ganti dengan URL blog anda


Read more: http://mathematicbegine.blogspot.com/
Previous
Next Post »