Jumat, 03 Mei 2013

Trik Easy menjadikan recent post berjalan on blog


Cara/trik mudah menjadikan recent post tampil dengan thumbnail atau cara membuat recent post/artikel terbaru muncul dengan gambar atau cara gampang memunculkan recent post dengan thumbnail.

Recent Post dengan Thumbnail

Setelah sebelumnya saya membahas artikel mengenai cara membuat recent post berjalan di blog, maka di postingan kali ini saya akan mengulas artikel mengenai trik membuat recent post dengan gambarTutorial ini sedikit mirip tapi berbeda. Nah langsung saja berikut cara mudah menjadikan recent post tampil dengan thumbnail:
  1. Login ke blogger sobat
  2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
  3. Dan taruh script dibawah ini kedalamnya
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
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://indonesiiaku.blogspot.com/";
</script>
<script src="http://amronbadriza.googlecode.com/files/recent_posts_thumbnail.js" type="text/javascript"></script>

  1. Ganti yang berwarna merah dengan alamat blog kamu lalu simpan.
Oke, sekian dulu postingan . Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar