Membuat Recent Post dg Thumbnail

http://kotatahuku.blogspot.com
Recent Posting dengan thumbnail, selain menggunakan cara instan seperti yang telah saya posting sebelumnya "Cara Instans Pasang Recent Post - Comment" kita juga bisa membuatnya secara manual yaitu memasukkan script pada element HTML/Java script.

Kelebihan menggunakan cara ini adalah kita bisa mengatur besar kecil thumbnail, judul, warna tulisan dan border sesuai keinginan kita.Baik langsung saja bagaimana cara membuatnya...

1.Login ke akun blogspot anda
2.Tambahkan element HTML/Java Script
3.Copy paste code di bawah 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 = 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://Namablogkita.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>


Yang perlu anda ganti adalah :
boxwidth - Ukuran widget
cellspacing - Spasi antar cell
borderColor - warna border
thumbwidth & thumbheight - ukuran thumbnail
fntsize - Ukuran fon judul
acolor - Warna Judul
aBold - Tebal atau biasa (true or false)
numposts - Jumlah Post yang ditampikan
home_page: http://NamaBlogkita.blogspot.com/ (Alamat blog URL)

Simpan dan lihat hasilnya...

Baca Juga Artikel menarik di bawah ini :

1 comments to "Membuat Recent Post dg Thumbnail"

Post a Comment

Donasi buat KotaTahuku

Merasa Blog ini bermanfaat ? Dukung blog ini dengan sedikit donasi dari anda..

Mungkin Yang Anda Cari

Avail Bisnis

Obrolan Santai


RecycleBlog