Cara Membuat Sitemap (Daftar Isi Blog) Tabel SEO

Sitemap (daftar isi) merupakan bagian penting dalam sebuah situs. Tentu banyak sekali situs yang memberikan gambaran pentingnya daftar isi bagi blog. 

Salah satu alasan yang banyak dikemukakan adalah sebagai prasyarat diterimanya sebagai publisher Google Adsense.

Sitemap (dfatar isi) berfungsi sebagai navigasi (hyperlink) internal blog kita. Bisa juga sebagai katalog semua tulisan di dalam blog kita, berdasarkan macam-macam tampilan.

Banyak sekali jenis tampilan sitemap (daftar isi) dalam sebuah situs. Contohnya saja di dalam situs ini, yakni desain sitemap berupa tabel berdasarkan kategori. Ada juga desain tampilan sitemap berdasarkan abjad. Namun kali ini ada jenis tampilan berbeda, yakni daftar isi berupa tabel, dengan khas jenis tampilan sederhana.

Cara Membuat Sitemap Gaya Table SEO

1. Masuk akun blogger > pilih Page (halaman) > New Page (halaman baru)

2. Isi judul halaman dengan "Sitemap" atau "Daftar Isi"
3. Klik mode HTML
4. Copas kode di bawah ini:

<div id="bp_toc">Loading TOC. Please wait....</div>
<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>

<style>
#bp_toc {
  border: 0px solid #000000;
  background: #ffffff;
  padding: 5px;
  width:500px;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
  background: #fafafc;
  color: #000000;
  padding-left: 5px;
  width:250px;
}
.toc-header-col2 {
  width:75px;
}
.toc-header-col3 {
  width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
  font-size:80%;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:80%;
  text-decoration:underline;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:70%;
}
</style>

5. Publish

Mudah kan?

Daftar Isi Blog Blog Keren Gaya Table Fast Loading di atas juga berguna bagi pengunjung yang ingin mengeksplorasi tulisan atau info di blog kita. 

DEMO

Demikian informasi tentang desain sitemap (daftar isi) gaya tabel SEO. Semoga bermanfa'at. Salam.

Sumber