Cara Membuat Sitemap Blog Menarik Dalam Postingan

Sitemap adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya.

Sitemap biasanya digunakan juga untuk melacak dan mempermudah untuk mengenali dan mendefinisikan setiap postingan yang ada dalam sebuah blog tersebut sehingga pembaca dapat mengetahui dengan mudah keseluruhan isi dari suatu web atau blog.
Baca : Cara Mengindex Ke Mesin Pencari Semua Postingan Menggunakan Sitemap

Dalam sistem sitemap ini pengguna dapat melakukan submit peta web berbasis XML langsung ke Google yang akan membantu Google mengindeks halaman web dengan mudah.

Berikut ini salah satu Cara Membuat Sitemap Blog Menarik Dalam Postingan sehingga dapat memudahkan pembaca melihat keseluruhan postingan blog milik kita:
1. Buat sebuah postingan atau halaman page baru dan beri judul terserah kalian. Saran saya beri judul "Sitemap".
2. Masuk pada menu HTML jangan yang Compose untuk langkah selanjutnya

3. Masukkan kode HTML di bawah ini kedalam postingan Sitemap tersebut

<style type="text/css">#toc{ width:99%; margin:5px auto; border:1px solid #ffffff; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); } .labl{ color:#0000FF; font-weight:bold; margin:0 -5px; padding:1px 0 2px 11px; background:-moz-linear-gradient(right,#808080 0%,#d24d33 40%); background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#F0F8FF),color-stop(1,#ffffff)); border:1px solid #F0F8FF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #F0F8FF; -moz-box-shadow:3px 3px 1px #ffffff;-webkit-box-shadow:3px 3px 1px #F0F8FF;display:block; } .labl a{ color:#ffffff; } .labl:first-letter{t ext-transform:uppercase; } .new{ color:#FF5F00; font-weight:bold; font-style:italic; } .postname{ font-weight:normal; background:-moz-linear-gradient(right,#F0F8FF 0%,#F0F8FF 40%); background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#F0F8FF ),color-stop(1,#ffffff)); } .postname li{ border-bottom: #ffffff 1px dotted; margin-right:5px } </style> <br /><div id="toc"><script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script><script src="http://gougly.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

4. Jangan lupa ganti "gougly.blogspot.com" dengan alamat blog kalian sendiri. sehingga kira kira akan menjadi seperti Sitemap yang ada di blog ini DISINI

Jika sesuai pastinya hasilnya akan sama dengan contoh yang telah disediakan diatas tersebut.