Home » » Membuat Sitemap (Daftar Isi Blog) Tabel Fast Loading

Membuat Sitemap (Daftar Isi Blog) Tabel Fast Loading

Membuat Sitemap (Daftar Isi Blog) Tabel Fast Loading
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:

Sitemap (Daftar Isi Blog) Blog Gaya Table

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

Thanks for reading & sharing Membuat Sitemap (Daftar Isi Blog) Tabel Fast Loading

Previous
« Prev Post

4 comments:

Comment Page:
  1. tampilan blognya berubah ya mas..wah keren abis pokoknya..

    ReplyDelete
    Replies
    1. berubah dikit doang, hampir sama aja dg yg sebelumnya :)

      Delete
  2. Ternyata ada yg lebih baru dan lebih keren lagi,
    Makasih Bos heeee

    ReplyDelete
  3. Milik aku ko ngga berhasil ya gan?

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox