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.
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://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.

Referensi: http://infonetmu.blogspot.com/2012/01/cara-membuat-recent-post-dengan.html


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


EmoticonEmoticon