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>
<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
silakan mas..yang penting happy and good luck, hehe
Mantap gan ijin terapin 🙂
ijin juga mr..
Iya, dulu bisa. Mungkin karena js yang digunakan, pernah saya ganti dan bisa.
Tapi sekarang sudah tidak bisa lagi.
mask sih mas? coba lakukan dengan seksama..pasti berhasil..
Kok tidak bisa ya pada blog saya, 🙁
good luck mas
Oke saya coba dulu.
sama-sama mas
Makasi Infonya ya bang, sangat bermanfaat mari berkunjung ke blog saya ya http://adi-sastrawan.blogspot.co.id/
aamiin..gimana mas, berhasilkah?
mau coba soalnya punya saya tidak berfungsi semoga manjur
Silakan coba dengan cara ini mas:
http://www.forumblogindo.com/2016/05/cara-membuat-daftar-isi-sitemap-blog-seo-fastloading-responsive.html
Permisi itu htmlnya sudah saya copaste tapi gk bisa gimana ya solusinnya?
iya mas, di laman namun yg mode html
Mas mau nanya itu copasnya di laman?
makasih om… lagi bingung aja itu TOC artinya apaan yahh😁😁