April 17, 2011

Cara Membuat Recent Post Blog Bergambar

 Kali ini saya akan berbagi trik tentang membuat Recent Post Bergambar pada blog sahabat agar kelihatan lebih indah dan mempermudah para pengunjung blog sahabat untuk mencari postingan terbaru dari blog sahabat... saya mendapatkan trik ini dari Sini

Trik ini sangatlah mudah dan saya yakin sahabat pasti bisa melakukanya, berikut cara-caranya:

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.

_____________________________________________________________

<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://nasuhasmith13.blogspot.com/";
</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://nasuhasmith13.blogspot.com/ (Ganti dengan URL blog anda)
     

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...