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

Artikel Lainya:
Tutorial Blogger
- Cara Mengganti Bullet List Blogger
- Cara Membuat Artikel Terkait Di Bawah Postingan
- Cara Membuat Border di Blog
- Cara Membuat Menu Vertikal di Blog
- Cara menghasilkan Kode Warna HTML dengan Ms Paint
- Cara Menghasilkan Kode Warna HTML dengan Photoshop
- Cara Mengganti Warna Background Blockquote di Blog
- Membuat Link Sumber Otomatis Ketika Di Copy Paste
- Cara Membuat Halaman Pojok Atas Melipat pada Blogger
- Cara Membuat Populer Post Dengan Fungsi Scroll
- Cara memasang lencana profil facebook di blog
- Cara Membuat Blogroll Berjalan Pada Blog
- Cara Membuat Favicon Di Blog
- Cara Membuat Pesan Di Atas Kotak Komentar
- Cara Memasang Google Translate dengan ikon Bendera di Blog
- Cara Membat Search Engine Di Blog
- Cara Membuat Kursor Di Blog
- Kumpulan Efek - Efek Pada Blog ( Lengkap )
- Cara membuat border kotak area tulisan pada posting
- Cara Membuat Spoiler / Tombol Hide Show Pada Postingan Blog
- Cara Membuat SMS Gratis Pada Blog
- Cara Membuat Blog
- Cara Membuat Animasi Twitter Terbang Di Blog
- Cara Membuat Efek Gelembung Pada Cursor Blog
0 komentar:
Post a Comment