October 6, 2015

Membuat Sitemap (Daftar Isi Blog) Tabel Fast Loading

October 6, 2015

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

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

6 comments on Membuat Sitemap (Daftar Isi Blog) Tabel Fast Loading

  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
  4. apa yang salah ya ?
    ga berhasil ni

    ReplyDelete
  5. ga berhasil bang " loading TOC" tulisannya

    ReplyDelete

Contact Form

Name

Email *

Message *