Cara Membuat Recent Post dengan Thumbnail

Cara Membuat Recent Post dengan Thumbnail - 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.

Sesuai judulnya Cara mudah membuat recent post dengan gambar - Recent Post Thumbail - Recent Post keren , Seperti motto blog ini yaitu belajar mengedit blog dengan menyenangkan. Maksudnya cara membuat recent post dengan gambar, kita tak perlu susah payah mengedit html atau apalah itu. Belum lagi Cara membuat artikel terkait di blog yang membuat Anda harus belajar lagi membuat Anda malas edit html. Anda hanya perlu memasukkan data-data yang diperlukan dan pengeditan hanya perlu klik-klik saja.

Login ke blogger sobat

Klik Tata Letak >> 

1. Tambah Gadget
2. 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://www.seowaps.com/";
</script>
<script src="http://seowaps.googlecode.com/files/recent_posts_thumbnail.js" type="text/javascript"></script><div style="text-align: center;"><span style="font-size: 0px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://www.seowaps.com/" target="_blank">seowaps</a></span></span></div>

• Ganti yang berwarna merah dengan alamat blog kamu lalu simpan.

sekian dulu postingan mengenai cara membuat recent post dengan thumbnail. Semoga bermanfaat.

Posted in: Panduan Blogger