Cara membuat Daftar Isi berisi Thumbnails

Kastaone - Rabu, 05 Januari 2011 - 11.03.00 wita
Salam Blogger Indonesia, apa khabar kawan, apa masih enggan alias malas seperti saya pasca Tahun Baru 2011, oh ya lupa Selamat Tahun Baru 2011 semoga di tahun yang baru ini kita diberikan Kemudahan, Kesehatan dan Rejeki  yang lebih baik dari tahun-tahun sebelumnya - Amin.


Sekarang sayan akan berbagi dengan kawan cara membuat Daftar Isi Blog berisi Thumbnails yang diciptakan oleh Blogger senior Abu Farhan tapi file scriptnya yang sudah saya simpan, tujuannya untuk mengurangi beban loading, begitu juga harapan saya kalau kawan ingin memakai atau memasangnya di Blog kawan silahkan simpan file js  di site hosting kawan.


Caranya sebagai berikut : 
  1. Masuk ke account Google dengan ID kawan 

  2. Pada Dasbor pilih tambah Gadget

  3. Copas (copy-paste) script berikut kedalamnya







    <div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
    <script language="JavaScript">
    imgr = new Array();

    imgr[0] = "http://idin.jw.lt/images/idin.png";

    imgr[1] = "http://idin.jw.lt/images/idin.png";

    imgr[2] = "http://idin.jw.lt/images/idin.png";

    imgr[3] = "http://idin.jw.lt/images/idin.png";

    imgr[4] = "http://idin.jw.lt/images/idin.png";

    showRandomImg = true;

    boxwidth = 300;

    cellspacing = 8;

    borderColor = "#ffffff";

    bgTD = "#000000";

    thumbwidth = 25;

    thumbheight = 25;

    fntsize = 11;

    acolor = "#666";

    aBold = true;

    icon = " ";

    text = "comments";

    showPostDate = false;

    summaryPost = 25;

    summarFontsize = 10;

    summaryColor = "#666";

    icon2 = " ";

    numposts = 100;

    home_page = "http://tips-blogbego.blogspot.com/";

    </script>

    <script src="https://sites.google.com/site/tipsblogbegoku/arsip/recentposts_thumbnail.js"type="text/javascript"></script></div>


    Keterangan :

    • thumbwidth = 25thumbheight = 25;  warna violet adalah ukuran thumbnails

    • numposts = 100; warna biru adalah jumlah file / judul Blog kawan akan ditampilkan, ini disesuaikan umpama jumlah postingan / artikel kawan yang sudah dibuat sebanyak 150 maka angka 100 diganti mungkin dengan 200.

    • Ganti tulisan tips-blogbego warna merah dengan Nama Blog Kawan

    • Simpan Gadget dan lihat hasilnya




    Berbagi Artikel :

    Cara membuat Daftar Isi berisi Thumbnails
    Rate this posting:
    {[["☆","★"]]}

    Kalau pada Artikel Cara membuat Daftar Isi berisi Thumbnails
    kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
    mudah-mudahan saya bisa segera memperbaiki
    ---ooOOOoo---
    P.pw - Shorten urls and earn money!

    Artikel Menarik Lainnya

    About me


    Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

    9 Komentar pada : “Cara membuat Daftar Isi berisi Thumbnails”

    1. Mantabz.....bro! Sudah di coba & Sukses

      BalasHapus
    2. Gimana ya bro kalau untuk membuat daftar isi berdasarkan label dan ber-thumbnail, tlng scriptnya ya?

      BalasHapus
      Balasan
      1. Mungkin yang kawan maksud Label / Katagori berdasarkan Namanya berisi Thumbnail
        Kalau Daftar Isi berisi Thumbnail saja scriptnya kawan tinggal Copas Artikel ini :D

        Hapus
    3. Daftar isi benar sobat, saya menganggap blog seperti sebuah buku (dalam artian isinya)pada setiap buku pasti ada judul, bab. pada bab pasti ada pokok bahasan, subpokok bahasan dan selanjutnya. pada blog saya ada JURNAL, ARTIKEL, PHOTO KEGIATAN KKG, MEDIA PEMBELAJARAN kemudian pada:
      1. Jurnal
      HEIR TO THE DHAMMA STUDY,JURNAL DEFINISI SHAMPHAPPALAPA
      2. Artikel:
      Beasiswa Penuh Pendidikan S2 Bagi Guru
      STRUKTUR ORGANISASI KKG PENDIDIKAN AGAMA BUDDHA Beasiswa Penuh Pendidikan S2 Bagi GuruBeasiswa S2,
      Pembagian Alam Menurut Agama Buddha31 Alam Kehidupan
      KUMPULAN SOAL CPNS 2011
      Permainan untuk Pendidikan Agama Buddha Agama,
      3.Foto Kegiatan KKG
      Workshop RPP dengan Pengembangan Eksplorasi, Elabo
      GURU PENDIDIKAN AGAMA BUDDHA KABUPATEN SEMARANGNRG,
      BIODATA ANGGOTA KKG PENDIDIKAN AGAMA BUDDHA
      dan cara saya memposting pada masing-masing bagian tersebut ini yang sampai sekarang saya belum bisa sobat
      mohon maaf atas kebodohan ini, semoga sobat tidak bosan

      BalasHapus
      Balasan
      1. Kalau tak salah saya menangkap maksud mas Lasino dan kalau di Blog hampir sama dengan Katagori/Label - Sub Katagori - Judul dstnya :r
        Untuk tampilan di Tab Menu [Laman] akan menjadi bertingkat sebagai gambaran kurang lebih seperti [Lihat komentar di Blog kawan]

        Hapus
    4. terima kasih gan
      nnati bisa saya cpba juga diblog saya
      sukses selalu..

      BalasHapus
      Balasan
      1. Trims kawan sudah berkunjung dan memberikan komentar,
        cuma kotak komentar ada masalah huruf captcha kelihatan setengak, jadinya saya tak bisa publish Komentar :r

        Hapus
    5. bagaimana cara menghilangkan teks komentar pada widget tersebut

      BalasHapus

    BERIKAN KOMENTAR SESUAI TOPIK
    DENGAN BAHASA YANG SOPAN,
    JANGAN MENGHINA, SARA / ETNIS DAN SPAM

    Klik Emoticon untuk melihat Kodenya

    Dapatkan Update Terbaru
    BlogBego Creation di Email Kawan




    BANNER [300x250]
    © 2013 - BC INFO | Powered by Blogger
    Design Template by : Blogger Edan