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
Artikel Membuat Recent Post dengan Disertai Thumbnail Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar dan Jangan lupa follow, Like. |
0 komentar:
Posting Komentar