Kamis, 20 Oktober 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...
Trik ini sangatlah mudah dan saya yakin sahabat pasti bisa melakukanya, berikut cara-caranya:


1.Login Pada blogger.
2.Klik Design 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 = 230;
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 = 10;
home_page = "http://kumboyono-software.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://kumboyono-software.blogspot.com/ (Ganti dengan URL blog anda)


Dikutip dari (http://kumboyono-software.blogspot.com)

    0 komentar:

    Posting Komentar

    Template by:

    Free Blog Templates