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.
<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://aryasusastra.blogspot.com/";
</script>
<script src="https://sites.google.com/site/aryasusastra/arsusrecentpost.js" type="text/javascript"></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.
Bingung cara Mendownload ? lihat
disini
Link Download Expired ? lapor
disini
