Home / Tips and Trick Blog / Cara Membuat Recent Post dengan Gambar Thumbnail

Cara Membuat Recent Post dengan Gambar Thumbnail

Posted by Hadi blogger Kamis, 15 Desember 2011 0 komentar

Kali ini saya akan membahas tentang cara membuat recent post dengan gambar Thumbnail, dengan adanya gambar ini akan menarik pengunjung untuk membaca artikel tersebut. oke langsung saja kita buat agar seperti gambar di bawah ini :

1.Login Pada blogger.

2.Klik Rancangan pada Dashboard anda.

3.Klik Add a Gadget lalu pilih HTML/Javascript.

4.Masukkan kode script dibawah ini dan Save.

Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.

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://aryasusastra.blogspot.com/";

</script>

NB:
Ganti yang berwarna Hitam sesuai yang kamu inginkan,Hal yang perlu diubah adalah:
boxwidth - Lebar widget
cellspacing - Space antara cells (default adalah 1 sudah bagus)
borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
fontsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Berapa banyak recent post yang akan ditampilkan
home_page : http://aryasusastra.blogspot.com/ (Ganti dengan URL blog anda)
Yakinkan setting site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting>Site Feed>Full>Allow Blog Feeds.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Cara Membuat Recent Post dengan Gambar Thumbnail
Ditulis oleh Hadi blogger
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://metxp.blogspot.com/2011/12/cara-membuat-recent-post-dengan-gambar.html. Terima kasih sudah singgah membaca artikel ini.