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) www.catatanmatematika.com
Mau tau caranya...?
Perhatikan baik-baik ya....!

Langkah pertama:
Login ke Blogger kamu

Langkah kedua:
Buat halaman baru dengan judul "Daftar Isi" atau "Sitemap" dan publikasikan, kemudian untuk isi halaman/page , jika sudah ada sebelumnya langsung aja letakkan (copas) kode pada berikut:

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.
Lihat Daftar Kode Warna
#Berbagi_Itu_Indah

Baca Juga: Cara Membuat Tulisan Berjalan di Blog

11 komentar on Cara Buat Sitemap (Daftar Isi) Blog

Ajari bg rp buatnya...hihihihi

Bisa. Tapi, petunjuknya kan dah jelas!

Mantap bang...bisa di coba dl

Oke... selamat mencoba....! Semoga berhasil..!

Terima kasih ilmunya. Saya izin nyontek Pak.

Mantap pak... sdh saya coba di blog saya www.iniuntukmu.com
Terima kasih ilmunya.

Mantap pak... sdh saya coba di blog saya www.iniuntukmu.com
Terima kasih ilmunya.

Terimakasih pak....! Saya sudah terapkan di https://camat-sma.blogspot.com

Silahkan Share Buat Anak Bangsa

Contact Form

Name

Email *

Message *