Tips Blogger: -Cara Membuat Daftar Isi Pada Blog

Kali ini saya akan membahas cara membuat daftar isi pada blog. Dengan adanya daftar isi ini, setiap postingan yang masuk akan secara otomatis tampil pada widget Daftar Isi ini. Tertarik ingin mencobanya? Langsung aja ya....


Langkah Pertama:

Login ke Blogger kemudian ke Layout/Tata Letak
Pilih Edit HTML
Copy kode berikut ini :

#toc { border: 0px solid #000000; background: #ffffff;
padding:2px; width:495px; margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}

.toc-header-col2 { width:75px;}

.toc-header-col3 { width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited,

.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,

.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}

Taruh kode tadi di atas kode ]]>
Simpan pengeditan yang sudah dilakukan
Langkah Kedua:
Pilih Layout/tata letak pada blogger
Pada menu Elemen Halaman, tambah gadget di sebelah atas elemen Post
Pilih HTML/Javascript dan paste kode di bawah ini ke dalamnya:

Simpan tanpa judul
Jika sudah klik Tambah Gadget lagi dan posisinya bisa Anda tentukan
Paste kode berikut pada konten HTML/Javascript

Lihat
Daftar Isi

src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc">

Ganti kalimat "YOUR BLOG" dengan alamat blog Anda
Beri judul gadget dengan Daftar Isi atau bisa dengan kalimat Anda sendiri
Klik tombol Simpan dan lihatlah hasilnya.

Selamat Berexperimen!!!!!