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 (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&alt=json-in-script&callback=startpost&max-results=999"></script></ul><br />
<h3> Tutorial microsoft office </h3><ul>
<script src=" http://tutorial89.com /feeds/posts/default/-/ office?orderby=published&alt=json-in-script&callback=startpost&max-results=999"></script></ul><br />
<h3>Tutorial photoshop</h3><ul>
<script src=" http://tutorial89.com /feeds/posts/default/-/ photoshop?orderby=published&alt=json-in-script&callback=startpost&max-results=999"></script></ul><br />
<h3> Tutorial microsoft office </h3><ul>
<script src=" http://tutorial89.com /feeds/posts/default/-/ office?orderby=published&alt=json-in-script&callback=startpost&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.
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...