Hi, guest | Welcome to Blog webzonepslu | Register | Sign in
Advertise | Contact | About | Live Music | Donation | Sitemap

21 Sep 2011

Buat RECEN POST dengan tubnail gambar

. 21 Sep 2011

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 Article now on :
ARTIKEL YANG BERHUBUNGAN :


0 komentar:

Pasang di blog sobat

Mau Tukar Link dengan saya? [ Copy/paste ] code HTML berikut ke blog anda"

webzonepslu

gambar akan tampak seperti di atas

Jika link blog tersebut sudah anda pasang di blog anda segera beri komentar / chatbox Saya usahakan secepatnya link blog anda juga segera saya pasang.Terimakasih

Unordered List

Posting

Posting Diterbitkan

Komentar

Komentar Diterbitkan

Statistik Blog
 
You Are The Best / Thank you visit