Daftar Isi berisi beberapa Pilihan.....

Daftar Isi yang akan dibahas sekarang ini saya tidak tahu penciptanya dan sudah ada atau pernah saya lihat sekitar tahun 2011 pada beberapa Blogger Senior ya setingkat Master Blog-lah :q; Kelebihan dari Daftar Isi ini kawan bisa memilih berdasarkan Publication Date - Post Title dan Catagory

Kalau kawan menginginkan untuk ditampilkan di Blog  caranyapun cukup gampang 

Oke langsung saja ke TKP :

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Tata Letak - Tambah Gadget
• Pilih tanda [+] pada HTML / JavaScript
• Copas Script berikut kedalamnya

<h2>Daftar Isi</h2>
<div style="background-color: white; border: 2px solid #00F; height: 450px; margin: 0 50px; overflow: auto; padding: 10px 10px 10px 30px; text-align: left; width: 400px;">
<div id="cl_option">
Loading.... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 500;
</script>
<script src="https://sites.google.com/site/blogbegocreation/javascript/sitemap-BB.js">
</script>
<script src="http://blogbego-creation.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=9999">
</script> </div>
<div style="clear: both;">
</div>

Hasilnya seperti Daftar Isi dibawah ini

Daftar Isi

Loading....

• Teks yang saya beri warna Biru bisa kawan Edit atau hilangkan 
• Simpan Blog kawan dan lihat hasilnya

Cara Membuat Daftar Isi berisi Thumbnail

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] = "http://4.bp.blogspot.com/-cuPqx5dWt0g/UAZ2L5kpfdI/AAAAAAAACms/Fz6FCLwmEqU/s1600/bloglogo.png";
imgr[1] = "http://2.bp.blogspot.com/-Mhl1-6ZC6K0/UAZ1lylj9aI/AAAAAAAACmk/4gY3l-ZsEFo/s1600/logoblog.png";
imgr[2] = "http://3.bp.blogspot.com/-vdyewx6QM84/UAZ2PaydySI/AAAAAAAACm0/ghaEdJHPyR8/s1600/bloglogo1.png";
imgr[3] = "http://2.bp.blogspot.com/-Mhl1-6ZC6K0/UAZ1lylj9aI/AAAAAAAACmk/4gY3l-ZsEFo/s1600/logoblog.png";
imgr[4] = "http://2.bp.blogspot.com/-Mhl1-6ZC6K0/UAZ1lylj9aI/AAAAAAAACmk/4gY3l-ZsEFo/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

Cara Membuat Daftar Isi

Sebelumnya sudah banyak yang saya bahas dan bagikan mengenai Daftar Isi yang pada umumnya berupa Slide / Animasi :y; sekarang untuk melengkapi Daftar Isi Blog  akan saya bagikan pada kawan cara membuat Daftar Isi yang sederhana alias tanpa berisi Animasi [tidak bergerak] 
Kalau dilihat dari modelnya secara garis besarnya ada 2 macam : yaitu manual dan otomatis, yang keduanya bisa kita poles supaya kelihatan lebih menarik misalnya ditambahkan background color, border dan lain sebagainya :q; Cuma secara global kelebihan dan kekurangannya sebagai berikut :  

• Untuk yang manual punya Kekurangan yaitu kita setiap posting baru harus menambahkan, yang secara tak langsung ini merupakan kelebihannya karena kadang-kadang kita tak ingin menampilkan postingan kita pada Daftar Isi [kita bisa memilah-milah atau memilih yang akan kita tampilkan]
• Untuk yang otomatis sermua Artikel / postingan akan ditampilkan tanpa kecuali

Baiklah sekarang kita bahas satu persatu yaitu dari yang manual.
Cara membuatnya sebagai berikut :

• Seperti biasa masuk ke Account Blogger dengan ID kawan.
• Pada Dasbor pilih Tata Letak – Tambah Gadget
• Pilih tanda tambah pada HTML / Javascript
• Copas (copy-paste) script berikut kedalamnya

<div align="top">
<span class="Apple-style-span" style="color: yellow; font-size: 16px; font-weight: normal;"><b><blink>DAFTAR ISI BBC</blink></b></span>
<div style="-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #369; height: 160px; overflow: auto; padding-left: 20px; width: 400px;background-color:#95caff;">
<ol>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-navbar-menu-menggulung.html">Cara Membuat Navbar Menu Menggulung</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-tidak-bisa-klik-kanan.htmll">Cara Membuat Tidak Bisa Klik Kanan</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-tulisan-peringatan-klik.html">Cara Membuat Tulisan Peringatan Klik kanan</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-memperbesar-image-di-postingan.html">Cara Memperbesar Image di postingan</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-image-berputar.html">Cara Membuat Image Berputar</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/03/cara-modifikasi-populer-post-default.html">Cara Modifikasi Populer Post</a></li>
</ol>
</div></div>

Hasilnya sebagai berikut :

DAFTAR ISI BBC 

1. Cara Membuat Navbar Menu Menggulung
2. Cara Membuat Tidak Bisa Klik Kanan
3. Cara Membuat Tulisan Peringatan Klik kanan
4. Cara Memperbesar Image di postingan
5. Cara Membuat Image Berputar
6. Cara Modifikasi Populer Post

• Silahkan kawan ganti semua URL / Link Blog saya dengan URL / Link Blog kawan

Kalau yang secara otomatis berikut ada tulisan News :

Daftar Isi berikut diciptakan oleh Blogger senior (http://www.abu-farhan.com)

<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js">
</script>
<script src="http://blogbego-creation.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Hasilnya sebagai berikut :

BLOGBEGO CREATION

Ganti semua link atau Nama Blog saya (http://blogbego-creation.blogspot.com) dengan link atau Nama Blog kawan :q;.