Kode Html 9, Cara Membuat Daftar Isi

Lanjutan part 08, kode hmtl beserta contohnya.

Membuat Daftar Isi akan mempermudah nafigasi untuk pengunjung dalam mencari artikel maupun arsip tang ada di dalam blog kita, sehingga pengunjung tidak sesegera mungkin meninggalkan halaman kita, ini dikarenakan banyak artikel yang kita tawarkan dengan mudah terlihat, sehingga menarik mereka untuk membacanya bila sesuai dengan kebutuhan mereka.

Berikut adalah cara membuat Daftar Isi :

Daftar isi yang dipasang pada widget yang akan muncul disemua postingan kita :
  • Masuk ke account blogger anda
  • Pilih tata letak/layout
  • Pilih tambah gadget
  • Pilih HTML/javascript.
  • Beri Judul Dafar isi
  • Copy dan Paste kode di bawah ini
<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="https://dl.dropbox.com/u/15145201/0%20scrip%200/contents.js"></script><script src="http://Blogxxx.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

Keterangan :

blogxxx.blogspot.com : ganti dengan alamat blog anda
width:430px : Ukuran Lebar, Silahkan mengganti ukurannya sesuai dengan template
height:120px : Ukuran Tinggi, Silahkan mengganti ukurannya sesuai dengan template

Contoh :

Dapat Dilihat Panel Bagian Kanan Blog Ini, "Daftar Arsip"


Daftar Isi Yang Ada Didalam Halaman (Halaman Penuh) Hal ini biasanya disebut SiteMap :
  • Masuk ke account blogger anda
  • Pilih New post ( ataupun New Page )
  • Pilih Edit HTML pada kanan atas halaman tersebut
  • Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai.
  • Copy paste script berikut ini :
<script style="text/javascript" src="https://dl.dropbox.com/u/15145201/0%20scrip%200/contents.js"></script><script src="http://Blogxxx.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Keterangan :

blogxxx.blogspot.com : ganti dengan alamat blog anda

Contoh :

Dapat Dilihat Disini

Semoga bermanfaat....., Selamat Berexperimen...



Arsip Trik Kami Yang Lainnya



Next previous home