Belajar Desain Blog

Thumbnail Blogspot - Gambar atau foto dapat memberikan sejuta arti bila dibandingkan dengan tulisan, oleh karena itu pada umumnya orang lebih tertarik untuk melihat foto dibanding melihat tulisan, salah satu cara menarik visitor atau pengunjung blog adalah dengan menggunakan gambar untuk posting blog (namun perlu diingat semakin banyak gambar akan semakin menambah kerja blog saat loading). Jika kamu termasuk salah satu yang menyukai membuat post dengan gambar dibawah ini ada script javascript untuk membuat recent post dengan thumbnail atau gambar kecil untuk blog.

Cara membuat recent post dengan thumbnail adalah seperti dibawah ini :
A1. Pertama login ke blog kamu www.blogger.com
A2. Setelah login pilih layout.
A3. Kemudian tambah widget dan pilih HTML.
A4. Copy kode script javascript dibawah ini ke dalam widget HTML.

<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://NAMABLOGKAMU.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

A5. Simpan dimana kamu suka

Kostumisasi nya dapat dilakukan sendiri seperti merubah warna (summaryColor), jumlah post (numpost), ukuran font (summaryFontsize), mau tebal apa ga (aBold), ukuran besar box (boxwidth), apakah mau menampilkan gambar acak apa tidak (showRandomImg), ukuran thumbnail (thumbWidth dan Height), semua bisa diatur sesuai selera, semoga membantu. :-D