Cara membuat daftar isi blog dihalaman dan sidebar

daftar isi blog

Cara membuat daftar isi blog untuk ditampilkan dalam satu halaman maupun dengan scrool di sidebar untuk blogspot/blogger dengan mudah secara manual dan tanpa plugin dan langsung bisa menampilkan semua artikel dalam satu halaman daftar isi.

Daftar isi blog otomatis tentu saja memiliki manfaat penting bagi bloger, salah satunya adalah untuk memudahkan pengunjung menjelajahi konten anda dan memperbanyak pageview blog agan.

Untuk Membuat daftar isi blog otomatis blogger mempunyai keunggulan lebih praktis dari pada anda membuat daftar isi manual yang harus mengisinya otomatis setiap kali anda membuat postingan baru. Pada daftar isi blog otomatis ini anda sekali meletakkan script di bawah ini dan hasilnya daftar isi blog blogspot sobat akan update otomatis tanpa ribet ga pake pusing.

Cara Membuat

A.Daftar Isi Halaman Statis

Daftar Isi *sitemap Satu Halaman statis

Langsung saja berikut langkah :
1. Masuk ke account blogger anda
2. Pilih New post (Halaman Baru)
3. Jangan Lupa Pilih HTML (bukan compose) pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau jsesuai keinginan anda.
5. Copy Kode script Sitemap ini :

<script src="https://sitemapku-blog.googlecode.com/files/contentt.js"></script><script src="http://alamat-blog-anda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

6.Tempelkan dan gantilah teks berwarna merah (http://alamat-blog-anda.blogspot.com) dengan alamat blog kamu.

 

7.Jika sudah langsung publikasikan. Lihat apakah kamu berhasil Menampilkan daftar isi dalam satu Halaman statis?

MEMBUAT DAFTAR ISI DISIDEBAR DENGAN SCROOL OTOMATIS

Daftar Isi di Sidebar

Cara Memembuat daftar isi di sidebar (samping) blog

1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi tersebut.
6. Copy kode source daftar isi *sidebarnya:

<div style="overflow:auto;width:300px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="https://sitemapku-blog.googlecode.com/files/contentt.js"></script><script src="http://alamat-blog-anda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

 7.Tempelkan dan gantilah teks berwarna merah (http://alamat-blog-anda.blogspot.com) dengan alamat blog kamu, lalu simpan.

Untuk menyesuaikan tampilan Daftar Isi di sidebar blog ini, anda bisa memodifikasi supaya lebih sesuai dengan template yang anda gunakan. Caranya muda saja. Perhatikan di style:

width:300px : Ganti Lebar (300) Daftar isi sesuai dengan yang diinginkan.

height:120px : Ini adalah tinggi sitemap akan tampil disidebar. Silakan ganti sesuai keinginan anda.

Nah Demikianlah tutorial Cara Membuat  Daftar Isi atau sitemap yang bisa ditampilkan dalam satu halaman statis dan di samping (sidebar). Selamat Mencoba !!!