Cara Buat Sitemap (Daftar Isi) Blog

Daftar Isi adalah sesuatu yang penting pada sebuah blog, yang tujuannya untuk membantu pengunjung dalam menemukan artikel-artikel yang dibutuhkan. Daftar Isi (Sitemap) adalah sebagai navigasi sebuah blog. Coba deh perhatikan daftar isi blog ini. Tentu tampilannya seperti ini kan....!


Atau teman-teman ingin lihat aslinya Daftar Isi (Sitemap)
Mau tau caranya...?
Perhatikan baik-baik ya....!

Langkah pertama:
Login ke Blogger kamu

Langkah kedua:

• Cari Menu Halaman
• Buat halaman baru dengan judul "Daftar Isi" atau "Sitemap" dan publikasikan.
• Edit Halaman yang barusan dipublikasikan.
• Pada posisi "HTML" bukan "Compose" ya..., untuk isi halaman/page langsung aja letakkan (copas) kode  pada langkah 3.

Langkah ketiga:
Copas kode berikut ini pada bagian isi:

<style>
p.labels a {
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
border-bottom: 1px solid #ddd;
display: block;
padding: 8px;
background: #800000;
}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script src="https://cdn.rawgit.com/reiksonpanjaitan/sitemap/0414baaf/Sitemap%20(Daftar%20Isi).js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

PENTING: Kode cukup di copy paste aja, gak perlu diedit lagi.

Langkah keempat:
Save/Update/Publikasikan

Langkah kelima:
Lihat hasilnya "daftar isi" anda...tarraa... jadi deh.
Selamat Bereksperimen.

Jika ingin ganti warna label dan backgroundnya, perhatikan kode di atas, cari:
1. kode #ffff, itu kode warna untuk label.
2. kode #800000, itu kode warna background label.
Silakan ganti dengan kode warna yg lain, dapat kamu lihat di Daftar Kode Warna
#Berbagi_Itu_Indah

Baca Juga: Cara Membuat Tulisan Berjalan di Blog