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.

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:

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://amronbadriza.blogspot.com/";
   </script>
   <script src="http://amronbadriza.googlecode.com/files/recent_posts_thumbnail.js" type="text/javascript"></script>

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

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

Source: http://www.amronbadriza.com/2012/10/cara-membuat-recent-post-dengan.html#ixzz2GmyQV2zG

Artikel ini di Posting : Ruly Abdillah GintingFree Widget Blog

Terima Kasih sahabat telah membaca : Cara Membuat Recent Post dengan Thumbnail Silahkan membaca artikel lainnya tentang recent post,widget di sini free widget for blog
Anda bisa menyebarluaskan artikel ini, Asalkan meletakkan link dibawah ini sebagai sumbernya <a href="https://widgetfree.blogspot.com/2013/01/cara-membuat-recent-post-dengan.html" target="_blank">Cara Membuat Recent Post dengan Thumbnail </a>

:: Get this widget ! ::