Cara Membuat Recent Post dengan Gambar


Halo sobat Kreativitas Ngeblog, kali ini saya akan share tips blog lagi, yaitu cara membuat recent post dengan gambar (thumbnail). Mari lihat screenshoot’nya dibawah atau langsung aja dilihat di sidebar posting ini




Tertarik cara membuatnya? Langsung aja, Cekidot :

1. Login ke Blogger, lalu klik Rancangan
2. Klik Add Widget, Pilih HTML/Javascript
3. Copy Paste script berikut :
 
<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 = 289;
cellspacing = 4;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 6;
home_page = "http://www.kreativitasngeblog.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>


Warna ungu : Besar lebar kotak (sesuaikan dengan template sobat)
Warna merah : Kode warna untuk background ( ganti sesuai keinginan sobat)
Warna hijau : Lebar gambar tampilan
Warna biru : Ganti dengan alamat blog sobat

4. Jika sudah, lalu simpan

Gampang kan? Nah sekian dulu tips ngeblog kali ini. Tunggu tips ngeblog selanjutnya.



Mau copy paste? Baca dulu aturannya disini

Postingan populer dari blog ini

Biodata Ameri Ichinose | Foto Ameri Ichinose

Daftar Harga Laptop HP Hewlett-Packard | Spesifikasi Laptop HP Terbaru

Daftar Harga Hp Sony Ericsson Bulan November 2012