membuat daftar isi artikel blog selain berfungsi untuk memudahkan pengunjung melihat seluruh artikel dapat juga membantu semua isi blog terindeks ke dalam search engine. Berikut ini tutorialnya:
1. Masuk ke Blogger --> Pages --> New Page --> Blank Page.
2. Masukan judul, kemudian pilih opsi HTML bukan Compose.
3. Tuliskan kode berikut ini:
<script src="http://daftar-isi-kategori.googlecode.com/files/inwepo-label.js"></script><script src="http://saudara-buyung.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
Ganti link yang berwarna merah dengan alamat kamu, kemudian publish.
Bila ingin menambahkan fungsi scroll dikarenakan postingan terlalu banyak tinggal menambahkan kode berwarna biru berikut ini:
<div style="background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="http://daftar-isi-kategori.googlecode.com/files/inwepo-kategori.js"></script><script src="http://saudara-buyung.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script></div>
Hasilnya akan seperti ini http://saudara-buyung.blogspot.com/p/blog-page.html
1. Masuk ke Blogger --> Pages --> New Page --> Blank Page.
2. Masukan judul, kemudian pilih opsi HTML bukan Compose.
3. Tuliskan kode berikut ini:
<script src="http://daftar-isi-kategori.googlecode.com/files/inwepo-label.js"></script><script src="http://saudara-buyung.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
Ganti link yang berwarna merah dengan alamat kamu, kemudian publish.
Bila ingin menambahkan fungsi scroll dikarenakan postingan terlalu banyak tinggal menambahkan kode berwarna biru berikut ini:
<div style="background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="http://daftar-isi-kategori.googlecode.com/files/inwepo-kategori.js"></script><script src="http://saudara-buyung.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script></div>
Hasilnya akan seperti ini http://saudara-buyung.blogspot.com/p/blog-page.html
Belum ada tanggapan untuk "Membuat Daftar isi Otomatis Berdasarkan Kategori"
Post a Comment