Tutorial Cara Membuat Sitemap (Daftar Isi) Suatu Blog Berdasarkan Label/Kategori

Membuat sitemap atau daftar isi suatu blog adalah satu hal yang baik bagi search engine dan pengunjung. Sitemap/daftar isi suatu blog akan memudahkan para pengunjung blog anda untuk mencari artikel-artikel lainnya yang ada dalam blog sobat. Sitemap/daftar isi juga sangat bagus untuk mengoptimalkan mesin telusur karena menyajikan keyword yang benar-benar sudah digunakan.

Membuat sitemap atau daftar isi suatu blog adalah satu hal yang baik bagi search engine dan pengunjung. Sitemap/daftar isi suatu blog akan memudahkan para pengunjung blog anda untuk mencari artikel-artikel lainnya yang ada dalam blog sobat.
Sitemap/daftar isi juga sangat bagus untuk mengoptimalkan mesin telusur karena menyajikan keyword yang benar-benar sudah digunakan.

Demo: Contoh Sitemap/Daftar Isi

Langsung saja ke Cara membuat Sitemap/Daftar isi blog.
1. Masuk ke blog sobat lalu klik menu Page/Halaman
2. Klik New Page/Halaman
3. Isi judul Page/Halaman lalu copy kode HTML dibawah ini lalu pastekan di bagian HTML (bukan Compose)
4. Ganti http://abillog.blogspot.com/ dengan nama blog sobat masing-masing.
5. Publikasikan.


- Kode HTML Sitemap berdasarkan Label/Kategori

<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://abillog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

- Jika ingin tampilan sitemap nya tampak lebih cantik dan manis, gunakan kode HTML di bawah ini.

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

<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://abillog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Silahkan pilih yang mana yang cocok buat blog sobat. Terima kasih telah membaca artikel Tutorial Cara Membuat Sitemap (Daftar Isi) DiBlog Berdasarkan Label/Kategori.
Semoga bermanfaat bagi sobat. Selamat mencoba.