Cara Membuat Daftar Isi berisi Thumbnail

Unknown - Rabu, 08 Mei 2013 - 14:27 wita
Cara Membuat Daftar Isi Blog selanjutnya yang akan saya bagikan sama kawan Blogger adalah Daftar Isi berisi Thumbnail ini yang setahu saya diciptakan oleh Blogger senior [Master] Abu Farhan :z; tapi ada beberapa scriptnya saya ganti / rubah karena mengalami masalah [maaf saya bukannya lebih hebat dari penciptanya], maksud saya menjadi masalah disini kemungkinan karena banyak yang menggunakan atau tempat menyimpannya terjadi masalah :q; 
Pada awalnya Script Daftar Isi ini dibuat untuk Recent Post alias Posting Terakhir yang kita Publish :y;

Oke langsung saja ke cara membuatnya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Tata Letak - Tambah Gadget 
  • Pilih tanda [+] pada HTML / JavaSript
  • Copas Script berikut kedalamnya
<div style="border: 0px solid black; height: 300px; overflow: auto; width: 100%;">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiDdcwUJTE5M_JnfOG65anBVKgghyphenhypheniM-ryuNiWF2TpSYvfkm-t1lTVhTuujj1xzKmHu5e1vWjyrB11aUYmTOBmx7AllV7nR05b2butDZfwB9yn6kyT9bqmJTspaieETRGJFa8f3TkYA1rO/s1600/bloglogo.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRnBgihfAOiWCsLDlFJku8Nrf4KU-_a7AET8btjPogl6rPEz4KOQGB7m-L4H8viilwIYQihtK-CcxEaGijeDucbtE5i-ivTzG4POMi1srNwicOV0Mc2JltNsKjhsVe0yK2iuinzefDGL0/s1600/logoblog.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic6bOZK_6e92K_bpBkB4xWN5AYipV1yKzVUsYLR_0htdKdg5eSjHU37Ht4U3rIxhHnRSlnXOY2MkOMGProL2j2n4tbqFlNkYQL0yLHvJSVz2g0CfRypojxJoZdpdj3S7AR6A1072ilUten/s1600/bloglogo1.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRnBgihfAOiWCsLDlFJku8Nrf4KU-_a7AET8btjPogl6rPEz4KOQGB7m-L4H8viilwIYQihtK-CcxEaGijeDucbtE5i-ivTzG4POMi1srNwicOV0Mc2JltNsKjhsVe0yK2iuinzefDGL0/s1600/logoblog.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRnBgihfAOiWCsLDlFJku8Nrf4KU-_a7AET8btjPogl6rPEz4KOQGB7m-L4H8viilwIYQihtK-CcxEaGijeDucbtE5i-ivTzG4POMi1srNwicOV0Mc2JltNsKjhsVe0yK2iuinzefDGL0/s1600/logoblog.png";
showRandomImg = true;
boxwidth = 270;
cellspacing = 6;
borderColor = "#ffffff";
bgTD = "#0000ff";
thumbwidth = 30;
thumbheight = 30;

fntsize = 10;
acolor = "#999";
aBold = false;
icon = " ";
text = "Pendapat";
showPostDate = true;
summaryPost = 50;
summarFontsize = 10;
summaryColor = "#00f";
icon2 = " ";
numposts = 100;
home_page = "http://NAMA BLOG KAWAN.blogspot.com/";
</script>
<script src="https://sites.google.com/site/blogbegocreation/javascript/recentposts_thumbnail.js"type="text/javascript"></script>
</div>

  • Teks yang berwarna biru adalah besarnya Thumbnail 
  • Teks yang berwarna merah adalah jumlah Post yang sudah di Publish
  • Teks yang berwarna violet ganti dengan URL Blog kawan
  • Kalau peng-Editan sudah selesai Jangan lupa simpan Blog kawan




Berbagi Artikel :

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

Kalau pada Artikel Cara Membuat Daftar Isi berisi Thumbnail
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....

13 Komentar pada : “Cara Membuat Daftar Isi berisi Thumbnail”

  1. .. apa itu gak makin memberatkan blog?!? ..

    BalasHapus
    Balasan
    1. Kkalau bicara berat semuanya memberatkan, :q;
      saran saya pakai yang seperlunya saja :y;

      Hapus
    2. .. menurut mu blog aq berat gak?!? ..

      Hapus
    3. Banyak faktor yang menyebabkan Berat / Ringannya Blog
      kalau bisa silahkan cek sendiri :w;

      Hapus
  2. Gan, sebelumnya makasih atas triknya diatas,
    tapi saya mau tanya, pas saya pasang widget di atas trus atur boxwidth.nya jadi 500, yang tulisan "widget by blogbego" nya malah jadi ke sudut kanan, tapi berantakan, mohon sarannya,
    ditunggu kunjungan baliknya.
    callmetap.blogspot.com

    terim kasih

    BalasHapus
    Balasan
    1. eh maaf gan, ternyata sudah solve nih, dengan cara atur jadi 450.
      makasih banyak gan,
      jangan lupa gan kunjung balik, hehehe

      Hapus
    2. seorang blogger apalagi dengan plafon blogspot, :b;
      sebaiknya bereksprimen kutak-kutik blog :y;
      kunjungan balik tanpa dimintapun sudah pasti saya mampir
      asal komentar sesuai aturan :q;

      Hapus
  3. bos kalo jumlah postnya 500 kog gak bisa

    BalasHapus
    Balasan
    1. Numposts = 100; angka 100 diganti dengan 500; :x;

      Hapus
  4. Oke, thanks
    __blogger hijau__
    by:
    andresaputralesblogger.blogspot.com/

    BalasHapus
  5. Bagus tapi, g' bisa kalau untuk label tertentu ya

    BalasHapus

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

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan





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