[ADS] Top Ads

Cara Membuat Widget Recent Post With Thumbnails


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

4 komentar

Posting Komentar

Copyright © 2023

Cookies