Cara membuat daftar isi otomatis di blog berdasarkan label

Asalamu'alaikum Wr. Wb. Bagaimana kabarnya sobat hari ini? Jumpa lagi dengan kami masih di blog www.tutorial89.com, blog yang membahas berbagai tutorial-tutorial kehidupan sehari-hari. Dikesempatan kali ini kami akan membahas "Cara membuat daftar isi otomatis di blog berdasarkan label ".

Tutorial internet | sobat pasti pernah dong membaca sebuah buku…? Nah di halaman awal sebuah buku biasanya ada daftar isi. Dafar isi ini berfungsi untuk memudahkan para pembacanya sekaligus menjadi ringkasan apa yang akan di bahas dalam buku tersebut. Cara membuat daftar isi di buku, sobat bisa membacanya pada tutorial Cara membuat daftar isi otomatis pada microsoft word

Sekarang bagimana kalau daftar isi itu di simpan di sebuah blog,… kayanya  akan keren yah. Akan tetapi blog itukan dinamis, yang isinya selalu di update, dan itu akan merepotkan kita untunk mengupdate daftar isi ketika ada artikel baru di blog kita.

Jangan khawatir sobat, pada kesempatan kali ini saya akan share cara membuat daftar isi secara otomatis, jadi sobat tinggal memasukan kode-kode unik ke dalam sebuah entri atau laman. Nah nantinya kode-kode itulah yang akan mengupdate sendiri, setiap ada artikel baru di blog kita. Bagaiman… tertarik gak bikin daftar isi (sitemap) di blognya….? Kalau tertarik silahkan di terapkan trik berikut ini. *demo daftar isi (siteMap) otomatis

Cara membuat daftar isi otomatis di blog berdasarkan label

Cara membuat daftar isi (SiteMap) otomatis di blog.

1. masuk ke blogger.com kemudian buat entri/laman baru
2. klik HTML dan copykan code berikut ini. inagat...!!! klik HTML jangan Compose

<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap3.js"></script>

<h3>Tutorial photoshop</h3><ul>
<script src=" http://tutorial89.com /feeds/posts/default/-/ photoshop?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999"></script></ul><br />

<h3> Tutorial microsoft office </h3><ul>
<script src=" http://tutorial89.com /feeds/posts/default/-/ office?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999"></script></ul><br />

3. jika sudah selseai klik publikasikan dan lihat hasilnya.

Keterangan :

Tutorial Photoshop = silahkan ganti dengan judul label sobat
http://tutorial89.com =  ganti dengan url blog sobat
photoshop = ganti dengan label atau kategori yang akan di tampilkan *jika label sobat ada space-nya seperti “teks photoshop” maka penulisannya adalah “teks%20photoshop”, %20 pengganti dari space.
kode ini bisa juga di simpan di widget blog sobat, caranya sama seperti membuat random post bergambar di blog yang beberapa hari yang lalu saya share. hanya kodenya saja yang berbeda
Jika sudah selesai menambahkan kode diatas. jangan mengeditnya lagi dalam mode Compose, karena dalam beberapa kasus akan membuat daftar isi otomatis tidak berfungsi.

Jika sobat ingin menampilkan beberapa label, sobat tinggal melakukan hal yang sama pada label lainnya. Bagaimana, sangat gampang sekali bukan membuat daftar isi di blog berdasarkan label ini. Semoga bermanfaat...

Artikel Terkait