Thursday, February 28, 2013

Cara Membuat Daftar Isi Otomatis Pada Blog

Membuat Daftar Isi pada blog gunanya secara umum yaitu untuk memudahkan pengunjung untuk melihat semua postingan yang ada pada blog kita, ini sangat bermanfaat agar si Pengunjung tidak berpindah ke blog lain lagi untuk mencari informasi, pengunjung hanya melihat daftar isi blog kemudian akan membuka informasi yang dicarinya jika itu kebetulan ada dalam blog tersebut, selain itu juga dapat meningkatkan pageview postingan yang ada dalam blog kita sehingga akan bisa bertahan posisi di halaman mesin pencari google.
Ada beberapa cara untuk membuat sebuah daftar isi pada blog, namun yang akan di bahas dalam postingan ini yaitu salah satu cara yang cukup ampuh dan mudah. Dengan menggunakan  sedikit kode Html dan Javascript maka daftar isi yang secara otomatis akan jadi, maksudnya otomatis adalah tidak perlu mengedit layout pada blog kita jika telah melakukan postingan baru, namun secara otomatis postingan baru yang telah dibuat akan terinput dalam daftar isi tersebut. 

Cara membuatnya cukup mudah, ikuti langkah berikut:
1.  Masuk ke akun Blogger
2.  Kemudian pilih panel Tata Letak
3.  Setelah itu klik Tambah Gadget
4.  Pilih HTML/Javascript lalu pada bagian Judul beri nama Daftar Isi (atau terserah) kemudian pada bagian Konten isi dengan kode berikut:

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:490px; height:195px; background-color: transparant; inset rgb(8, 8, 8);">


<script style="text/javascript" src="http://exlorer-amran91.googlecode.com/files/Daftar_isi.js">
</script>
<script src="URL atau LINK BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>


Catatan: 


  • Ganti huruf yang berwarna BIRU dengan url/link Blog anda
  • Atur angka yang berwarna HIJAU dengan angka sesuai lebar daftar isi yang diinginkan
  • Atur angka yang berwarna PINK dengan angka sesuai tinggi daftar isi yang diinginkan


5. Setelah edit klik Simpan dan selesai

Sekian Postingan kali ini, semoga bermanfaat dan sampai jumpa di postingan berikutnya.

No comments:

Post a Comment