Cara Membuat Daftar Isi Blog Otomatis Berdasarkan Label Tertentu
Membuat Daftar Isi Blog Keren Otomatis dan responsive
Membuat Daftar Isi Otomatis di Blogspot
Membuat Daftar Isi Simple Berdasarkan Label Di Blog
Cara Membuat Daftar Isi Super Keren dan Otomatis Di Blog
Membuat Daftar Isi Blog Keren Otomatis dan responsive
Membuat Daftar Isi Otomatis di Blogspot
Membuat Daftar Isi Simple Berdasarkan Label Di Blog
Cara Membuat Daftar Isi Super Keren dan Otomatis Di Blog
Pada postingan ini saya akan share kepada anda bagaimana cara membuat Daftar Isi Blogger,kali ini saya buat beberapa macam jadi tinggal sobat pilih mau menggunakan yang mana, Daftar Isi Berdasarkan Tanggal Postingan, berdasarkan artikel terbaru atau berdasarkan label.
Untuk tutorialnya saya bikin jadi dua biar lebih jelas, pertama untuk halaman / page dan kedua untuk widget / gadget.
Langsung aja ya menuju tkp
Simak baik baik.1. Login ke blogger.
2. Klik Laman > Laman Baru >
3. Beri judul Daftar Isi atau Sitemap atau terserah Anda.
4. Kemudian klik pada tab Edit HTML. letakkan kode berikut pada area artikel.
Versi 1
 |
| Contoh Penampakan Versi 1 |
<div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
<script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
<script src="http://rizqimakbul.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
Keterangan :
Ganti Alamat rizqimakbl.com dengan url / alamat blog anda.
width:480px : Lebar area, ganti dengan ukuran yang anda inginkan.
height:450px : Tinggi area, ganti sesuai keinginan anda.
Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar Hijau.
Versi 2
 |
| Contoh Penampakan Versi 2 |
<div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
<script src="https://html-scripts.googlecode.com/files/feeds-labels.js"></script>
<script src="http://rizqimakbul.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
Ganti Alamat rizqimakbl.com dengan url / alamat blog anda.
width:480px : Lebar area, ganti dengan ukuran yang anda inginkan.
height:450px : Tinggi area, ganti sesuai keinginan anda.
Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar Hijau.
Versi 3
 |
| Contoh Penampakan Versi 3 |
<div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
<script src="https://html-scripts.googlecode.com/files/feed-dates.js"></script>
<script src="http://rizqimakbul.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
Ganti Alamat rizqimakbl.com dengan url / alamat blog anda.
width:480px : Lebar area, ganti dengan ukuran yang anda inginkan.
height:450px : Tinggi area, ganti sesuai keinginan anda.
Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar Hijau.
Sekian Cara Membuat Daftar Isi Blog OtomatisTrimakasih atas kunjungannya, Semoga bermanfaat selamat mencoba ya.
