Februari 19, 2011

Cara Buat Recent Post Thumbnail

Cara Buat Recent Post Thumbnail. Ide ini mulanya datang dari bloggertricks, recent post thumbnail ini dikemas cukup keren dengan menggunakan java script. Keinginan saya memposting ini, biar supaya ngga kemana-mana kalau ada yang mau cari widget recent post thumbnail, bisa di sini aja, hi hi hi. Tapi itu juga kalau bisa ditemukan, kalau ngga ya ngga apa-apa.

Intermezo dah dulu, ok skarang langsung aja ke langkah berikutnya :
  • Dashbord > Rancangan > Tambahkan Gadget, lalu masukkan script berikut ini:
    <script language="JavaScript">
    imgr = new Array();
    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;
    boxwidth = 298;
    cellspacing = 8;
    borderColor = "#444";
    bgTD = "#000000";
    thumbwidth = 40;
    thumbheight = 40;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = false;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 5;
    home_page = "http://namablog.blogspot.com/";
    </script>
    <script src="http://dillablog.googlecode.com/files/recentposthumbnail.js" type="text/javascript"></script>
  • Keterangan:
    • boxwidth : Lebar widget
    • cellspacing : Jarak antar thumbnail
    • borderColor : Warna border sekaligus background template
    • thumbwidth & thumbheight : Ukuran pixel thumbnail
    • fntsize : Ukuran huruf judul post
    • acolor : Warna judul yang biasanya menyesuaikan dengan warna link blog masing-masing
    • aBold : Bentuk huruf normal atau tebal
    • numposts : Banyaknya post terbaru yang ingin ditampilkan
    • home_page : http://namablog.blogspot.com/ (Ganti dengan url blog masing-masing)
    • imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; Gambar alternatif jika post sobat tanpa image
  • Selesai, jangan lupa disimpan, dan lihat hasilnya.
  • Selamat mencoba.

Tidak ada komentar:

Posting Komentar

Copyright © / dillablog

Template by : Urang-kurai / powered by :blogger