Cari Artikel Blog Ini

Total Tayangan Laman

RECENT POST DENGAN THUMBNAILS WIDGET

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


Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
5 Comments

5 komentar :

Sharing is Fun mengatakan...

Waduh lm g' berkunjung ktingglan tips bgs. Ntar deh d cb. Ne msh connect by HP. Ap kbr Pak? D tunggu kunjgan plus koment na. Slm kreatifitas

jotys_okee mengatakan...

Pagi bang..pa khabar neh...? waduh makin mantab surantabb neh blognya...kayaknya banyak yang ketinggalan neh...

salam sukses mengatakan...

terima kasih banyak artikelnya mas......?

Nandez Ozonu mengatakan...

mantap ni artikel.
masih newbie.

tp ko gx muncul gadgetnya?
mohon pencerahan.

ferdi dirgantara pm mengatakan...

wiiiiiiiiiiiiiiiiiih matep
blh d cba nih
kunjungi jga ya blogku
http://ferdi-dirgantara.blogspot.com/
please

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!