Cara Buat Sitemap (Daftar Isi) Blog - CATATAN MATEMATIKA
Latest Post
Loading...

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
Bagikan ke:

11 Responses to "Cara Buat Sitemap (Daftar Isi) Blog"

  1. Mantap bang...bisa di coba dl

    ReplyDelete
    Replies
    1. Oke... selamat mencoba....! Semoga berhasil..!

      Delete
  2. Terima kasih ilmunya. Saya izin nyontek Pak.

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

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

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

    ReplyDelete

Pertanyaan melalui kolom komentar akan direspon secepatnya. Jika tidak direspon, berarti pertanyaan serupa telah ada. Mohon share postingan ini kepada yang lain. Terima kasih.

Contact Form

Name

Email *

Message *