Senin, 18 April 2011

Membuat Recent Post dengan Disertai Thumbnail


Membuat recent post sudah pernah kita pelajari, mulai darimenampilkan recent post yang hanya judul,dengan disertai ringkasan. Sekarang kita akan belajar untuk membuat recent post dengan disertai thumbnail (gambar Mini) dan juga jumlah komentar sehingga akan terlihat akan lebih menarik :)

Cara Membuat Recent Post dengan Disertai Thumbnail adalah, Login ke Blogger > Tata Letak> Tambah Gadget > pilih "HTML/Javascript". Setelah itu masukan kode berikut ini:











<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 = 245;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://kurniasepta.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Dan berikut ini beberapa kode yang harus dan bisa kita rubah.
Dan berikut ini beberapa kode yang harus dan bisa kita rubah.

boxwidth - Ukuran Lebar Widget
cellspacing - Spasi diantara cells
borderColor - Warna Border
thumbwidth &amp; thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font pada title
acolor - Warna title
aBold - Tebal huruf pada title? (true or false)
numposts - Jumlah recent post yang ditampilkan?
home_page : http://kurniasepta.blogspot.com/ (Ubah sesuai URL blog anda sendiri)



Artikel Terkait:


1 komentar:

  1. Terimaksih, telah banyak memberikan informasi kepada saya melalui blognya,

    BalasHapus

Komentator Blog Ini