Ada dua jenis Sitemap:
- Sitemap yang didaftarkan ke Google Webmaster Tools dalam format XML (Extensible Markup Language). Ini untuk kepentingan atau "konsumsi" mesin pencari. (Baca: Cara Daftar Sitemap Blog ke Google).
- Sitemap yang disajikan di Halaman Statis untuk kepentingan pembaca/pengunjung, berupa daftar tulisan yang ada di blog.
Halaman Khusus Daftar Isi blog akan memudahkan pembaca mengakses bagian-bagian atau konten blog secara cepat dan mencari tulisana, artikel, atau posting yang mereka butuhkan.
Demo: Contoh Daftar Isi
Cara Membuat Halaman Daftar Isi (Sitemap) Blog
1. Klik menu "Page" > "New Page"
2. Klik mode HTML
3. Isi Judul Halaman dengan "Sitemap" atau "Daftar Isi"
4. Copy Paste kode berikut ini di kolom isi halaman (post body):
5. Ganti alamat blog dengan alamat blog Anda.4. Copy Paste kode berikut ini di kolom isi halaman (post body):
<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');
}
</script>
<ul>
<script src="http://www.contohblog.net/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');
}
</script>
<ul>
<script src="http://www.contohblog.net/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
6. Klik "Publish".
Selamat, kini blog Anda sudah punya halaman daftar isi alias sitemap!
Daftar Isi Per Kategori
Jika ingin menampilkan Daftar Isi berupa daftar judul Posting Per Label atau Berdasarkan Kategori/Label, maka gunakan kode dari Google Code berikut ini:
<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://www.contohblog.net/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</script>
<script src="http://www.contohblog.net/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
Cara Menampilkannya di Navigasi Menu
Ada dua cara, tergantung template blog Anda:
- Ada yang menampilkan Navigasi Menu melalui Gadget "Blog Page". Anda tinggal klik "Edit" dan memasukkan Halaman Daftar Isi itu ke sana.
- Kebanyakan template blog menampilkan Navigasi Menu di kode template. Maka, Anda harus klik "Template" > "Edit HTML" dan menemukan daftar nama Menu dan memasukkan Halaman Sitemap dan linknya.
Demikian Cara Membuat Halaman Daftar Isi (Sitemap) Blog. Good Luck! (http://www.contohblog.net/).*
Sumber
