Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Sitemap (Daftar Isi Blog) Tabel SEO

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.

Note:
- Jika cara di atas tidak bisa bekerja, silakan lakukan cara ini [solusi lain].

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

Sumber:
http://www.bloggerplugins.org/2009/07/table-of-contents-widget-for-blogger.html
Sahilluqman
Sahilluqman Hanyalah seorang blogger yang ingin bermanfaat untuk sesama

Berlangganan via Email