SEBAIKNYA KUNJUNGI BLOG SAYA :

BLOGBEGO CREATION




Cara membuat Daftar Isi berisi Thumbnails

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

    10 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. Komentar ini telah dihapus oleh pengarang.

      BalasHapus
    6. klo untuk menampilkan hanya artikel dengan label tertentu gimana ya?

      BalasHapus

    BERIKAN KOMENTAR SESUAI TOPIK DAN SANTUN
    BUKAN SPAM - PORNOGRAFI MAUPUN MASALAH ETHNIS / SARA

    TAMBAHKAN KOMENTAR DENGAN EMOTICON :
    DENGAN KODE ALFABET < :a s/d :z >

     

    Copyright  ©  TIPS BLOGBEGO

    site meter

    Template by Blogger templates
    Powered by Blogger