Cara Membuat Recent Post dengan Thumbnail

By: Johan Supriyanto, S.Kom. -
Cara Membuat Recent Post dengan Thumbnail - cara membuat recent post/artikel terbaru muncul dengan gambar atau Cara gampang menjadikan recent post tampil dengan thumbnail atau  cara/trik mudah memunculkan recent post dengan thumbnail.

Pada artikel sebelumnya saya telah membahas mengenai cara membuat recent post berjalan di blog, dan pada artikel kali ini saya akan membahas mengenai Cara Membuat Recent Post dengan Thumbnail. Pada tutorial ini sedikit mirip dengan membuat post berjalan tapi berbeda. Oke langsung saja berikut ini trik membuat recent post dengan gambar:
  1. Pertama anda harus Login ke akun blogger anda
  2. Setelah itu anda Klik Tata Letak --> Tambah Gadget --> Pilih HTML/Java Script.
  3. Langkah selanjutnya anda copy kode/script dibawah ini kemudian paste 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://temukancara.blogspot.com/";
    </script>
    <script src="http://temukancara.googlecode.com/files/recent_posts_thumbnail.js" type="text/javascript"></script>
  4. Ubah tulisan yang berwarna merah dengan alamat blog anda.
  5. Langkah terakhir simpan dan lihat hasilnya.
Demikian apa yang dapat saya sampaikan pada artikel kali ini mengenai cara membuat recent post dengan thumbnail. Semoga dapat bermanfaat buat anda.

Komentar

Posting Komentar