Buat RECEN POST dengan tubnail gambar

Buat RECEN POST dengan tubnail gambar
Pada tutorial blog kali ini saya akan menyampaikan bagaimana cara menampilkan recent post disertai dengan gambar pada postingan.Dengan adanya gambar akan menarik para pembaca untuk membaca postingan tersebut.Anda bisa melihat contohnya pada blog saya ini yaitu pada posting terbaru.Gambar yang muncul adalah gambar yang ada pada setiap postingan. Cara membuatnya adalah sebagai berikut.
 1.Login Pada blogger.
2.Klik Layout 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 = "www.bismillahcom.web.id/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

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)
fntsize - 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://www.bismillahcom.web.id/ (Ganti dengan URL blog anda)
Yakinkan seeting site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting>Site Feed>Full>Allow Blog Feeds
Share this product :

Posting Komentar

Terima kasih ... coment santunnya...
mau pesan Desain, program pembelajaran, penilaian
dll sms 085725507688 !!

 
Support : Creating Website | Johny Template | Mas Template | Redesigned :Tukang Toko Online
Copyright © 2011. Bismillah Komputer - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger