Minggu, 26 Februari 2017

Cara Membuat Daftar Isi Blog Berdasarkan Label

Daftar Isi

       Membuat daftar isi atau sitemap pada blog memang sangat bermanfaat karena akan mempermudah pengunjung untuk mencari artikel atau postingan yang ada pada blog kita. Di dalam daftar isi ini akan ditampilkan daftar artikel yang telah kita publikasikan. Daftar isi yang biasanya digunakan di blog yaitu daftar isi yang diurutkan berdasarkan label atau kategori dan daftar isi yang diurutkan berdasarkan tanggal publikasi.

       Membuat daftar isi pada blog memang sangat mudah, kamu hanya perlu mengcopy paste beberapa kode ke dalam page laman untuk ditampilkan di menu bar. Nah untuk sekarang kita akan membuat daftar isi yang diurutkan berdasarkan label, yang hasilnya akan seperti pada gambar di atas. Tapi jika kamu belum tau bagaimana caranya jangan khawatir, saya akan berikan tutorialnya. Silahkan kamu ikuti langkah-langkahnya.

1. Langkah pertama, buka dashboard blog kamu, selanjutnya pilih menu Laman, lalu pilih Laman baru atau edit laman yang sudah ada.
2. Selanjutnya kamu isi judul laman dengan Daftar Isi, Peta Situs atau Sitemap.
3. Kemudian kamu pilih metode penulisan HTML (ingat, HTML bukan Compose) dan copy serta pastekan kode html di bawah.

       Kode daftar isi berdasarkan label/ kategori:

<style> p.labels a{color: #4169E1; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #1E90FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style> <script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="http://wandshare.blogspot.co.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
<style> .sitemap-link{display:none} <style>

Catatan:
  • http://wandshare.blogspot.co.id : Ubah dengan url blog kamu.
  • #1E90FF : Warna teks judul artikel.
  • #4169E1 : Warna teks label.
       Sekarang blog kamu sudah memiliki daftar isi. Jika kamu membuat artikel baru, maka artikel tersebut akan secara otomatis masuk ke dalam daftar isi dan akan dikelompokan berdasarkan label yang ditambahkan di artikel tersebut.

       Mungkin itulah informasi yang dapat saya berikan, semoga bermanfaat.

Baca juga Cara Membuat Menu Bar dengan Page Laman di Blog

11 komentar:

  1. Wah kok baru tau yang beginian ya.
    Mantap nih, mau ane coba dulu.

    BalasHapus
  2. ane sih belum buat min. baru rencana. izin baca-baca min. Thanks

    BalasHapus
  3. wuihhhhh bisa dipake tuhhh nice artikel gan

    BalasHapus
  4. langsung praktek mas,cari di google ada mati linknya

    BalasHapus
  5. Wah work gan pada blog ane...makasih

    BalasHapus
  6. Keren nih gan bisa di coba bwat desain blog biar keren

    BalasHapus
  7. kak bisa buat daftar isi berdasarkan tanggal postingan ga, kaya di blog ini : http://www.blogbamz.com/2014/09/cara-membuat-sitemap.html tapi scriptnya diupload di yourjavascript, soalnya yg di blog itu scriptnya di upload di google drive jadi ga muncul. makasih sebelumnya

    BalasHapus

Silahkan berikan komentarmu.