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.
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 gambar. Tutorial ini sedikit mirip tapi
berbeda. Nah langsung saja berikut cara mudah menjadikan recent post tampil dengan thumbnail:
- Login ke blogger sobat
- Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
- 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>
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>
- Ganti yang berwarna merah dengan alamat blog kamu lalu simpan.
Oke, sekian dulu postingan mengenai cara membuat recent post dengan thumbnail. Semoga
bermanfaat.
0 komentar:
Posting Komentar