Cara Membuat Daftar Isi Blog Otomatis Sama halnya dengan sebuah
buku, jika sebuah buku tidak memiliki daftar isi maka pembaca buku
tersebut akan kebingungan mencari halaman dalam buku tersebut. Hasilnya
buku tersebut pun diabaikan dan dilupakan. Sekarang sudah jelaskan
tentang manfaat membuat daftar isi blog ? Sekarang bagaimana cara
membuat daftar isi blog otomatis ? yuk kita simak tutorial dibawah ini.
Berikut ini adalah langkah-langkah Membuat Daftar Isi Blog Otomatis
1. Masuk ke account blogger sobat
2. Pilih Tata Letak
3. Tambah Gadget - Tambah HTML/Java Script
4.. Kopas kode di bawah ini
<script src="http://daftar-isi-v2.googlecode.com/files/daftarisi.js">
</script>
<script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
5. Terbitkan Entri.
Ket :
Ganti tulisan yang berwana merah dengan alamat blog Anda.
Tambahan : Jika sobat ingin dengan scroll berikut codenya
Membuat daftar isi otomatis dengan scroll di blog
<div style="height: 300px; overflow: auto; text-align: left; width: 530px;">
<script src="http://yourjavascript.com/12152269523/daftar-isi-otomatis.js">
</script>
<script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
<script src="http://yourjavascript.com/12152269523/daftar-isi-otomatis.js">
</script>
<script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Ganti URL blog berwarna merah diatas dengan Url blog sobat.
Note : warna hijau untuk mengatur tinggi area scrol daftar isi.
warna ungu untuk mengatur lebar area scroll daftar isi blog.
warna ungu untuk mengatur lebar area scroll daftar isi blog.
Sekian tentang tutorial Membuat daftar isi otomatis di blog.
Semoga Artikel ini bermanfaat bagi sobat.....!!!
Ditulis Oleh : Unknown
Anda sedang membaca artikel Cara Membuat Daftar Isi Blog Otomatis. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Anda yang ingin menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya.
0 komentar:
Post a Comment