Blogger Tutorial

Cara Membuat Widget Recent Post With Thumbnails

21.21,4 Comments


Anda pasti sudah tidak asing lagi dengan Widget Recent Post, Yupz tepat salah satu widget yang membantu menampilkan postingan anda yang terdahulu atau yang sebelumnya. Banyak Blogger yang juga menampilkan Widget ini Blog mereka, namun kebanyakan adalah recent post dengan tulisan biasa. lantas bagaimana membuat Recent Post With Thumbnails atau dengan gambar?

1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4.
Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:

<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 = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://dj-note.blogspot.com/";

</script>

<script src="http://postrecent.googlecode.com/files/Recentpostthumbnails.js" type="text/javascript"></script>

6. Jika Sudah Save Template Anda Dan Lihat Hasilnya

Ps: Ganti Url yang saya beri warna Merah dengan Url Blog anda

hosting indonesia

You Might Also Like

4 komentar:

  1. Nice Info ,,,,visit to my blog and follow me

    BalasHapus
  2. @ Arjermania : Thnx 4 Visit.. :D

    BalasHapus
  3. ijin pakai mas...makasih scriptnya

    BalasHapus
  4. @ Manadoparabola: Silahkan Sob... sama2... Moga berguna...

    BalasHapus