membuat daftar isi blog

Daftar Isi, jika di klik link tersebut maka secara otomatis akan di perlihatkan seluruh judul artikel yang pernah saya posting lengkap dengan tanggal serta kategori dari artikel tersebut. Sunguh menarik bukan? jika sobat ingin melihatnya sobat bisa mengkliknya dan jika sobat tidak ingin melihatnya sobat tinggal mengkliknya kembali dan daftar isi pun akan di sembunyikan sehingga tidak akan menggangu pemandangan. Tertarik untuk membuatnya? silahkan ikuti langkah-langkah berikut :

sign in ke blog, layout, edit html

cari kode ]]></b:skin>


kopi kode ini diatasnya

#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}<br /><br />.toc-header-col1, .toc-header-col2,<br /><br />.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}<br /><br />.toc-header-col2 { width:75px;}<br /><br />.toc-header-col3 { width:125px;}<br /><br />.toc-header-col1 a:link, .toc-header-col1 a:visited,<br /><br />.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, <br /><br />.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}<br /><br />.toc-header-col1 a:hover, <br /><br />.toc-header-col2 a:hover,<br /><br />.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}<br /><br />.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}<br />

simpan template



pergi ke tata letak, tambah gadget html baru. kopi kode ini <div id="toc"></div> kemudian simpan, dan drag elemen tersebut diatas elemen post kemudian simpan lagi.









tambah lagi elemen halaman html?javascript kopi kode ini

<br /><div id="toclink"><a href="javascript:showToc();">Lihat Daftar Isi</a><br/><br/></div><br /><script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script><br /><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script><br /><br />

ganti yuorblog dengan nama blog sobat, kemudian simpan dan pindahkan ketempat yang disukai lalu simpan.


Kode yang terakhir di pasang merupakan kode asli yang di buat oleh hans dan tentunya semua hasil dari kode tersebut berbahasa inggris, baik itu judul , alert dan segala macamnya adalah berbahasa inggris, jika sobat menginginkan jadi berbahasa indonesia, Cara yang harus di lakukan sangatlah mudah, sobat tinggal mengganti kode terakhir yang di pasang dengan kode di bawah ini :

<br /><div id="toclink"><a href="javascript:showToc();"><img src="http://amen24.googlepages.com/folder.gif"/><br />  Lihat Daftar Isi !</a><br/><br/></div><br /><script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js"><br /></script><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script><br /><br /><br />

kemudian gadget baru lagi, dan kopi kode berikut ini

<br /><div id="toc"></div><br /><br /><br />

dari: http://kolom-tutorial.blogspot.com/

Tulisan Terkait :

Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)

Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.

Become a Fan