Celoteh Sang Galang

Blog Tempat Berbagi Tips dan Trik Dunia Blogger
English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
Celoteh Sang Galang
Hanya Sebuah Catatan...

Cara Membuat Recent Posts Bergambar/Thumbnails

Posted by Galang 13 Maret 2011
Daftar Sekarang Bonus $10 langsung dari PROFITCLICKING


Memasang widget recent post pada blog hampir dilakukan oleh mayoritas blogger, tentu saja alasannya untuk mempermudah pengunjung blog mengetahui artikel terbaru di blog kita dan untuk memancing pengunjung agar membaca artikel lain di blog kita. Pada artikel kali ini saya akan sedikit berbagi mengenai cara membuat recent posts bergambar / recent posts menggunakan thumbnails seperti yang saya gunakan di blog ini. Mudah2an widget ini dapat lebih mempercantik blog teman-teman dan lebih menarik pengunjung untuk meng-klik link tersebut.

1. Login ke account blogger.
2. Pada dashboard klik: Layout » Add a getget » pilih "HTML/Javascript"
3. Copy paste code di bawah ini:

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[1] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[2] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[3] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[4] = "http://i44.tinypic.com/2r72hjd.jpg";
showRandomImg = true;
boxwidth = 280;
cellspacing = 2;
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://celoteh-galang.blogspot.com/";
</script>
<script src="http://galang.googlecode.com/files/galangrecentpost.js" type="text/javascript"></script>

4. Save

Jangan lupa ganti URL yang berwarna biru di atas dengan alamat URL blog teman-teman, untuk membuat tampilan sesuai dengan template blog teman-teman silahkan edit code yang berwarna merah. Dibawah ini sedikit penjelasannya:

imgr[0] = Pic yang keluar bila artikel tidak memiliki pic, silahkan ganti dengan URL pic teman-teman
boxwidth = Lebar widget
cellspacing = Jarak antara gambar
borderColor = Warna border (ganti dengan warna background template)
thumbwidth & thumbheight = Tinggi dan lebar gambar
fntsize = Ukuran text
acolor = Warna text
aBold = Bold text, isi dengan "true" bila menginginkan bold atau "false" bila tidak
numposts = Jumlah post yang ingin ditampilkan

Silahkan comment di bawah kalo ada yang mau ditanyakan. Selamat mencoba...

GET UPDATE ARTIKEL MENARIK CELOTEH GALANG
Dapatkan kiriman artikel terbaru langsung ke email anda!

Artikel Terkait:

  1. assyafieq Says:
  2. infonya mantap sob...

     
  3. Galang Says:
  4. ok thanks ya kwan sudah berkunjung...

     
  5. Tahir Bahi Says:
  6. THANKS ADMIN GREA POST NICE WORKING GREAT ADMIN


    Adobe Photoshop CC 2016 Keygen

     

Posting Komentar


close