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.
Catatan:
5. Setelah edit klik Simpan dan selesai
Sekian Postingan kali ini, semoga bermanfaat dan sampai jumpa di postingan berikutnya.
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
No comments:
Post a Comment