Cara Membuat Halaman Peta Situs atau Site Map Keren Pada Blogspot

Peta Situs otomatis

Site map atau peta situs adalah sebuah peta digital blog yang berisi kumpulan dari konten yang telah kita tulis dan publikasikan dan dikumpulkan dalam satu halaman atau pages. Banyak sekali manfaat dari peta situs, salah satunya adalah Peta situs berguna bagi para user atau pengunjung suatu blog untuk dapat dengan mudah menemukan konten atau informasi yang sedang dicari. Tidak hanya itu Peta situs juga berguna bagi Search engine untuk dapat menemukan konten blog kita, yang berarti bahwa peta situs juga berpengaruh besar terhadap traffic blog kita.

Saat ini kita akan membahas bagaimana cara membuat sebuah peta situs pada blog atau website, sehingga dapat memudahkan user untuk menemukan informasi yang diperlukannya, juga agar Mesin pencari Google dapat mendeteksi update konten yang sebelumnya telah kita publikasikan dan mengindexnya pada sistem pencarian agar dapat menarik banyak traffic.

Ada dua tipe site map, yaitu yang pertama adalah sitemap untuk optimasi mesin pencari, biasanya berbentuk file XML yang harus di verifikasi memakai webmaster tools, dan Site Map pada halaman blog agar dapat memudahkan pengunjung menjelajah di blog kita. Nah Saat ini kita akan membahas bagaimana cara membuat halaman Peta Situs Keren Pada Blog Kita.

Cara Membuat Halaman Peta Situs Otomatis di Blog

• Masuk ke akun blogger
• Pilih Menu Pages
• Buat Page baru ( klik New Page > Page Kosong)
• Pilih Mode HTML

• Beri judul halaman, Daftar isi atau Peta Situs (It's up to you)
• Masukan Kode berikut :

<style type="text/css">#toc{ width:99%; margin:5px auto; border:1px solid #2D96DF; -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:#FF5F00; font-weight:bold; margin:0 -5px; padding:1px 0 2px 11px; background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%); background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE)); border:1px solid #2D96DF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block; } .labl a{ color:#fff; } .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,#C2EAFE 0%,#fff 40%); background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE)); } .postname li{ border-bottom: #ddd 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://contoh.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

• Ganti alamat yang berwarna merah dengan alamat blog anda ! Dengan begitu setiap anda mengupdate postingan, akan secara otomatis memasukannya pada daftar Peta Situs.
• Lihat Priview, jika blog anda telah memiliki beberapa postingan maka hasilnya akan seperti ini:

Contoh Halaman Peta Situs yang telah di publikasikan