Untuk membuat menu daftar isi pada blogger caranya sangat gampang saja koq sobat. Simak langkahnya seperti dibawah ini.

1. Login ke blogger, klik entri baru, lalu edit laman, lanjut dengan mengklik laman baru.

2. Pastekan kode script dibawah ini pada kolam laman baru. Berikut kodenya:

<script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"></script><script src="http://BLOG ANDA.blogspot.com/feeds/posts/default?max-results=100&alt=json-in-script&callback=loadtoc"></script>

Pada tulisan warna merah ganti dengan URL blog sobat.

4. Setelah selesai, klik tayangkan laman. Lalu akan muncul pertanyaan Seperti apakah tampilan Gadget Laman yang Anda inginkan? sobat pilih TIDAK ADA GADGET (tautkan laman secara manual). lalu klik SIMPAN DAN TERBITKAN
LAMAN
.

5. jika sudah terbit, klik lihat laman dan catat URL laman tersebut. Seperti contoh  : http://BLOGANDA.blogspot.com/p/blog-page.html

6. Tinggal tambahkan sedikit modifikasi URL tersebut menjadi

<a href='http://BLOG ANDA.blogspot.com/p/blog-page.html'>Daftar isi</a>

taruh dimana saja tempat yang sobat sukai. Seperti pada sidebar, atau pada menu navigasi seperti blogerdin.

7. Kalau kalau mau dimodif silakan saja tapi harus sedikit mengoprek kode templatenya dan menyisipkan sedikit kode pada elemen template. kurang lebih tampilannya seperti dibawah ini.


<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.blogger.com/profile/00299274318254556333'>Profil</a></li>
<li><a href='http://BLOG ANDA.blogspot.com/p/blog-page.html'>Daftar isi</a></li>
<li><a href='http://Blog Anda.blogspot.com/feeds/posts/default'>Postingan</a></li>

kode yang berwarna merah adalah kode yang harus ditambahkan.

Selesai deh, Sampai disini tugas saya sudah selesai untuk menshare cara membuat menu daftar isi pada blogger.

Share this

0 Userkomentar:

Opini

 
Support : Inblogspot.com | Katahati.net
Copyright © 2013. Kumpulan Tutorial Blog - All Rights Reserved
Creative Commons LicenseBloggers - Meet Millions of Bloggers
Template Created by Creating Website Modified by Inblogspot.com
Proudly powered by Blogger
Valid HTML5! Valid CSS!