Membuat Sitemap (Daftar Isi Blog) Tabel Fast Loading

Baca Juga

Cara Mudah Membuat Sitemap (Daftar Isi Blog) Blog Keren Gaya Table Fast Loading.

BANYAK sekali versi tampilan (desain) daftar isi blog. Salah satunya yang CB pasang di Sitemap.

Daftar isi blog (blogger sitemap) berfungsi sebagai navigasi menu, internal link, juga "dokumentasi konten" blog kita.

Cara membuatnya mudah sekali, tinggal buat halaman statis, lalu copas saja kodenya. Tanpa melakukan perubahan apa pun.

Sitemap model tabel ini keren. Ada tiga kolom, berisi judul posting, tanggal publikasi, dan labe/kategori. Contohnya, ya... di Sitemap blog ini. Ini gambarnya:

Kode sitemap blog ini juga aman dari sisipan link. Silakan cek kodenya, tidak ada link eksternal. Beda dengan banyak kode daftar isi blog lain yang sering diinjeksi link oleh yang membuat atau yang membagikannya.

Cara Membuat Sitemap (Daftar Isi Blog) Gaya Table

1. Page > New Page

2. Isi judul halaman dengan "Sitemap" atau "Daftar Isi"
3. Klik mode HTML
4. Copas kode berikut 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. Beres! Langsung publish saja..!

Daftar isi blog (sitemap) berfungsi sebagai navigasi menu, internal link, juga "dokumentasi konten" blog kita.

Daftar Isi Blog Blog Keren Gaya Table Fast Loading di atas juga berguna bagi pengunjung yang ingin mengeksplorasi tulisan atau info di blog kita. Good luck! (http://www.contohblog.com/).*

Sumber