Sebenarnya untuk tutorial Membuat Daftar Isi Blogger sudah
pernah saya bikin, cuma kali ini saya buat beberapa macam jadi tinggal sobat
pilih mau menggunakan yang mana, Daftar Isi Berdasarkan Tanggal Postingan, berdasarkan artikel
terbaru atau berdasarkanlabel.
Untuk tutorialnya saya bikin jadi dua biar lebih jelas, pertama
untuk halaman / page dan kedua untuk widget / gadget.
Yang
pertama kita membuat sebuah halaman yang berisi daftar isi, berikut tutorialnya
:
- Login ke blogger.
- Klik Laman > Laman
Baru > Laman Kosong.
- Beri judul Daftar Isi atau
Sitemap atau apalah terserah Anda.
- Kemudian klik pada tab Edit HTML.
- Lalu letakkan kode berikut pada area artikel.
<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://jambishare.blogspot.com//feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
- Keterangan :
- Ganti Alamat jambishare.blogspot.com dengan url / alamat blog
Sobat.
- width:480px : Lebar area, ganti
dengan ukuran yang sobat inginkan.
- height:450px : Tinggi area, ganti
sesuai keinginan sobat.
- Untuk tidak menggunakan text
area atau scroll hapus tulisan yang saya beri latar kuning.
- https://html-scripts.googlecode.com/files/feeds.js : ganti dengan alamat
daftar isi yang anda inginkan. Berikut beberapa kodenya :
- Berdasarkan Label :
https://html-scripts.googlecode.com/files/feeds-labels.js - Berdasarkan Tanggal :
https://html-scripts.googlecode.com/files/feed-dates.js - Berdasarkan Artikel terbaru :
https://html-scripts.googlecode.com/files/feeds.js - Klik tombol Preview /
Pratinjau untuk
melihat hasilnya, jika sudah benar klikPublish Page /
Tayangkan Laman.
Lalu buka Blog Sobat dan lihat hasilnya…
Yang
kedua kita Membuat Widget Daftar Isi, berikut tutorialnya :
- Pada dashboard blogger, klik Tata Letak.
- Klik Tambah Gadget.
- Pilih HTML/Javascript.
- Silakan beri judul pada widget.
Lalu letakkan kode berikut :
<div style="overflow:auto;height:250px;padding:10px;border:1px solid #eee">
<script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
<script src="http://jambishare.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
<script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
<script src="http://jambishare.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
- Ganti Alamat jambishare.blogspot.com dengan url / alamat blog
Sobat.
- Ganti https://html-scripts.googlecode.com/files/feeds.js dengan kode daftar isi dibawah
ini :
- Berdasarkan Label :
https://html-scripts.googlecode.com/files/feeds-labels.js - Berdasarkan Tanggal :
https://html-scripts.googlecode.com/files/feed-dates.js - Berdasarkan Artikel terbaru :
https://html-scripts.googlecode.com/files/feeds.js - Klik tombol SAVE. Lalu
lihat hasilnya di Blog Sobat.
Jika sobat ingin menampilkan daftar isi berdasarkan salah satu
label di blog sobat silakan baca postingan Membuat Daftar Isi Label Tertentu.
Selamat mencoba dan semoga berhasil Membuat Daftar Isi Blogger.
No comments:
Post a Comment