membuat recent post dengan disertai thumbnail (gambar Mini) dan juga jumlah komentar sehingga akan terlihat akan lebih menarik ayo kita ikuti langkah-langkah berikut ini ya..
Cara Membuat Recent Post dengan Disertai Thumbnail:
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://fortynyr.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
Berikut ini beberapa kode yang harus dan bisa kita rubah.boxwidth :
- Ukuran Lebar Widgetcellspacing
- Spasi diantara cellsborderColor
- Warna Borderthumbwidth & thumbheight
- Ukuran lebar dan tinggi gambar Thumbnailsfntsize
- Ukuran Font pada titleacolor
- Warna titleaBold
- Tebal huruf pada title? (true or false)numposts
- Jumlah recent post yang ditampilkan?home_page : http://fortynyr.blogspot.com/
(Ubah sesuai URL blog anda sendiri)
-Selesai deh..
Selamat Mencoba yaa..
^_^
Ditulis Oleh : Fortynyr Blog's™ ~ Tutorial Blogger,Tips,Trik Computer,Share dan SEO

0 komentar:
Posting Komentar