Rabu, 02 Desember 2009

Cara Membuat Recent Post dengan Thumbnails

. Rabu, 02 Desember 2009
27 komentar

Recent Post dengan Thumbnails?? Masih gunain rencent post lama?? Sekarang sobat sekalian bisa menggantinya dengan versi thumbnails, mudah kok caranya. Ikuti tips Om Kempul ini :


  1. Tips ini tanpa merubah code templates (body) kita, jadi kita bisa langsung Add a Gadget lalu pilih HTML/Javascript, setelah itu Copas Script di bawah 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 = "#ffffff";
    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://marchsya.blogspot.com/";
    </script>
    <script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
  2. Jika ingin Merubah Codenya untuk menyesuaikan dengan temp, teman - teman bisa lihat fungsi code di bawah ini:

    boxwidth - Lebar widget
    cellspacing - Space antara cells (default adalah 1 sudah bagus)
    borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
    thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
    fntsize - Ukuran huruf judul postingan
    acolor - Warna huruf judul postingan
    aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
    numposts - Berapa banyak recent post yang akan ditampilkan
    home_page : http://putroweb.blogspot.com/ (Ganti dengan URL blog anda)
    Yakinkan seeting site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting>Site Feed>Full>Allow Blog Feeds.

    Script dari : http://www.bloggertricks.com/2009/05/recent-posts-with-thumbnails-widget-for.html
    Selamat Mencoba . . .  =)



[ Baca Selengkapnya ]...

 

Recent Comment

Sahabat Setia

Recent Post

Related Websites

This Blog is proudly powered by Blogger.com | Template by miscah.blogspot.com