CARA MEMBUAT DAFTAR ISI MANUAL

Untuk membuat Daftar Isi ada dua macam cara yang bisa dilakukan, yaitu bisa secara manual dan yang otomatis. Dua duanya memiliki keuntungan dan kerugiannya, untuk pake yang manual itu tentunya lebih ribet dan harus selalu update link post dari setiap ada penambahan postingan. Sementara untuk yang system otomatis anda tidak perlu update link post ke daftar isi, namun berpengaruh terhadap Crawl web kita, tapi menurut google sih katanya ga ada pengaruh sih, crawl tersebut cuma berupa informasi aja.
Nah, sebelum kita membuat daftar isi sebaiknya back up dulu file kita. Ok kita langsung saja coba ya..
1. Membuat Dafta Isi Manual
 Cara buatnya hampir sama dengan cara buat scroll box, pertama kita harus bikin kode CSS dulu

#daftar-isi-manual{ background:# 010c45; overflow: scroll; height:150px; font:10pt/15pt Arial, serif; color: 858b8c }

 Boleh kita edit untuk font yang berwarna merah, terserah kita maunya seperti apa, kemudian selanjutnya kita masuk ke blogger - pilih edit HTML, lalu copas kode di atas tepat diatas kode ]]></b:skin> terus simpan, untuk selanjutnya kita masuk Page Element - Add Gadget/ widget - pilih HTML/javascript dan masukan kode di bawah ini ke dalamnya :

<div id="daftar-isi-manual">
<ol>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/belajar-bikin-blog-sendiri.html ">Belajar Bikin Blog Sendiri</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-membuat-live-traffic-feed-di.html ">Cara membuat Live Traffic Feed di blogspot</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-membuat-cursor-di-blogspot-diikuti.html ">Cara membuat cursor diikuti oleh Text atau Tulisan</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-memasang-iklan-di-bawah-postingan.html ">Cara memasang iklan di bawah postingan</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-membuat-blockqute-hover.html ">Cara membuat blocquote Hover</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-membuat-bintang-berkedip-ketika.html ">Cara membuat bintang berkedip ketika cursor mendekati link</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-mengganti-jenis-cursor-di-blog.html ">Cara mengganti jenis cursor di blog</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-menambhkan-reaksi-di-blogspot.html ">Cara menambah reaksi di blogspot</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-membuat-widget-di-header-blogspot.html ">Tips and Trik cara membuat widget di header blogspot</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/belajar-adsense-google.html ">Belajar Adsense google</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/beberapa-cara-mempercantik-dan.html ">Beberapa cara Mempercantik dan menghiasi BLOG</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/05/panduan-membuat-blog-di-blogspot.html ">Panduan membuat Blog di Blogspot</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/05/belajar-memulai-bikin-blog.html ">Belajar memulai bikin Blog</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/05/cara-membuat-judul-blog-berjalan.html ">Cara membuat JUDUL blog berjalan</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/belajar-membuat-tex-flash-di-blog-spot.html ">Belajar membuat Text Flash di Blog Spot</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-membuat-judul-postingan-berjalan.html ">Cara Mmebuat Judul Postingan Berjalan</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-bertukar-link-di-blogspot-blogger.html ">Cara bertukar Link di Blogspot/ Blogger</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/cara-membuat-web-gratis-di-webhost.html ">Cara Mmebuat Web gatis di webshot</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/bisnis-internet-dengan-cpa-crazy-profit.html ">Bisnis Internet dengan CPA</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/3-teknik-ampuh-menjadi-super-reseller.html ">3 Tehnik jitu menjadi super Reseller</a></li>
<li><a href="http://www.gobelajarmandiri.blogspot.com/2011/06/tips-jitu-cara-meraih-sukses-di-bisnis.html ">Tips Jitu meraih Sukses di Bisnis Internet</a></li>
</ol>
</div>

Gantilah link yang berwarna merah sesuai dengan link anda, sedangkan yang berwarana biru merupakan kalimat yang akan muncul sebagai link dan apabila ada penambahan postingan baru, berarti anda harus selalu melakukan update penambahan link baru pada kode diatas... yaah lumayan repot ya...!!
Hasilnya akan nampak seperti di bawah ini :

SEMOGA BERMANFAAT

Silahkan Baca Artikel Lainnya juga