Cara membuat Daftar isi / Sitemap Blog Otomatis

Daftar Isi atau Sitemap Blog

    Sebuah blog akan lebih profesional jika memiliki aksesoris yang lengkap. Salah satu komponen dasar tersebut adalah DAFTAR ISI, yang merupakan daftar semua artikel posting yang ada dalam satu blog. Daftar isi otomatis ini juga kerap disebut sebagai Sitemap.

    Untuk menampilkan daftar isi blog secara otomatis sangat banyak caranya, dan ternyata bukan hal yang ribet seperti dugaan anda. Kita cukup membuat satu halaman khusus untuk tempat Daftar isi ini. Lalu pada halaman tersebut kita akan memasukkan beberapa kode sitemap yang bisa menampilkan daftar isi artikel.

    Pada kesempatan ini, kita akan belajar membuat daftar isi otomatis dan manual diblog tapi terkusus untuk blogger saja. Untuk Daftar isi wordpress bisa menyusul pada artikel berikutnya.

    Sitemap blog otomatis kali ini berbeda dengan sebelumnya, baik tampilan maupun script yang akan digunakan, saya pribadi lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label atau kategori.

Cara Membuat Daftar Isi / Sitemap Blogger

1.Menampilkan Dalam satu Halaman Statis

• Masuk ke account blogger anda
• Pilih New post (Halaman Baru)
• Jangan Lupa Pilih HTML (bukan compose) pada kanan atas halaman tersebut
• Beri Judul postingan tersebut dengan Daftar Isi, atau jsesuai keinginan anda.

Copy Kode script Sitemap ini :

kode source untuk halaman

<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>
Blog dan Tips SEO Tips Trik Terbaru Halaman Daftar Isi Sitemap

Ganti lah yang berwarna mera (http://alamat-blog-anda.blogspot.com) dengan alamat blog yang akan dibuatkan daftar isi.
Selesai dan Langsung simpan Halaman tesrsebut.

2.Menampilkan Daftar isi Scrool pada sidebar blog

• Masuk ke account blogger anda
• Pilih tata letak/layout
• pilih tambah gadget
• Pilih HTML/javascript.
• Beri Judul Dafar isi tersebut.
• Copy kode source berikut:

kode source untuk sidebar

<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>

Tempelkan dan gantilah teks berwarna putih atau lebih jelasnya dekatkan cursor anda pada kode source diatas, sekali lagi jangan lupa ganti (http://alamat-blog-anda.blogspot.com) dengan alamat blog kamu, lalu simpan.
NB: anda bisa memodifikasi supaya lebih sesuai dengan template yang anda gunakan. Caranya mudah saja. Perhatikan di style:

Modifikasi CSS pada Sorce Daftar isi

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.

Demikianlah tentang Cara membuat Daftar isi Blog Otomatis Semoga bermanfaat bagi blogger sekalian.

Update !!! mengapa Daftar Isi tidak tampil pada blog?

1.Ketika memasang daftar isi pada halaman, perhatikan jangan meletakkan source ditas dalam editor wissiwwg, ubah dulu dalam editor teks/Html. 2.Terkadang ketika mengkopi kode source daftar isi diatas akan menghasilkan spasi, untuk itu harap agar ketika dijumpai SPASI antara kode (contoh : source” http://) sebaiknya dirubah menjadi tanpa spasi (hasilnya source”http://) dan seterusnya.

Tweet

Artikel keren lainnya: