Daftar Isi yang akan di bahas dibawah ini adalah sekumpulan link artikel yang tampil berdasarkan menu label atau kategori yang secara otomatis tertampung di menu Daftar Isi blog, baik artikel lama maupun baru akan muncul dengan sendirinya jika kita membuat menu Daftar Isi (Sitemap) ini dan kita hanya membuat menu Daftar Isi dan menyimpannya saja di blog, setelah itu menu Daftar Isi blog akan bekerja secara otomatis menampung link-link artikel yang kita posting.
Membuat menu Daftar Isi pada blog atau Sitemap blog kodenya cukup sederhana, dan para pemula akan melihat cara membuat Sitemap blog paling mudah dan paling gampang dipahami disini.
Namun sebelum saya membagi kodenya, maaf, maksudnya kode dari sahabat blogger yang baik hati dan rela berbagi, dan saya hanya meneruskan dan menambah beberapa bagian saja agar lebih menarik dan bisa diterapkan di template blogspot dan hasilnya work, semoga.
Manfaat menu Sitemap atau daftar isi pada sebuah blog adalah untuk pengunjung blog melihat dengan mudah artikel apa saja yang ada pada sebuah blog yang kita kelola, jika ada yang menarik atau informasi yang di butuhkan tentunya pengunjung akan mengklik dan mengklik artikel kita yang semuanya ada pada menu Sitemap yang kita buat, kalau tidak salah menu Sitemap ini max-results-nya mampu menampung 9999 judul artikel, imbasnya kita juga yang diuntungkan jika memiliki kampanye iklan didalam blog, dan klik iklan akan meningkat.
Keberadaan menu Sitemap atau Daftar Isi pada sebuah blog akan berkesan bahwa blog ini benar-benar profesional dan di bangun dengan sungguh-sungguh dan tertata dengan baik, namun bukan berarti blog yang tanpa Sitemap tidak sungguh-sungguh dan profesional.
Cara membuat menu Sitemap atau daftar isi blog pertama silahkan masuk ke www.blogger.com kemudian pilih menu:
selanjutnya buat posting dengan judul:
Terserah pemirsa mau yang mana. Jangan lupa sebelum menyimpan kode Sitemap di postingan laman baru klik dulu posting laman baru ke metode Html, kemudian copy-paste kode dibawah ini.
<script src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js"></script>
<script src="http://carasakrayblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Kode by-
duarupa.blogspot.com
Ganti Url yang berwarna merah dengan Url alamat blog pemirsa kemudian posting laman baru dipubliskan dan lihat hasilnya.
Selanjutnya untuk memunculkan menu Daftar Isi pada blog, ambil Url Daftar Isi atau Url Sitemap yang tadi di buat. Contoh link-nya seperti ini:
http://carasakrayblog.blogspot.com/p/blog-page_27.html?m=1Kemudian ubah atau buat menjadi seperti ini:
<a href="http://carasakrayblog.blogspot.com/p/blog-page_27.html?m=1"/>Sitemap</a>
Nah yang diatas hanya contoh saja dan pemirsa harus mengganti link Url nya dengan milik pemirsa sendiri. Pemirsa dapat menyimpan menu Daftar Isi di bagian footer, menu navigasi, atau bisa juga di sidebar kiri dan kanan. Pada umumnya menu Daftar Isi blog dipasang di bagian footer, menu navigasi dan header blog.
Sampai disini membuat menu Sitemap atau Maftar Isi blog di Blogspot telah selesai dan untuk melihat pentas demonya
Lihat Demo Jika pemirsa ingin membuat menu Sitemap atau daftar isi blog di blogspot dengan background dan variasi menarik silahkan copy kode di bawah ini yang telah saya utak-atik agar tampil lebih keren dan menarik:
<div style="background:#dddddd;color:#ffffff;border:1px inset #0000ff;line-height:1.5em;font-size:16px;padding:3px;"> <script src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemap.js"></script>
<script src="http://carasakrayblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Tulisan warna
ungu untuk warna background Sitemap.
Warna
biru untuk warna bilangan angka.
Warna
hijau untuk warna border background.
Warna
kuning untuk ukuran besar-kecil text,
dan selanjutnya pemirsa dapat merubahnya dan mengkreasikannya sendiri sesuai selera.
Warna
merah ganti dengan Url alamat blog pemirsa.
Untuk menyimpannya ikuti cara-cara diatas.
Cara membuat dan memasang menu Daftar Isi pada blog telah selesai dan untuk membuat kelengkapan blog lainnya
Cara Membuat Form Contact Us pada Blog .
ADS HERE !!!