Namun, bagi blog tutorial daftar isi menjadi sangatlah penting dalam blognya, selain memudahkan pembaca dalam mengambil langkah memulai tutorialnya juga memudahkan kita sebagai pemilik website atau blog untuk mengatur isi dalam blog kita tentunya.
Untuk membuat daftar isi pada blog sebenarnya sangatlah mudah.
Ada dua cara membuat daftar isi pada blog, yaitu dengan memakai :
- Halaman, dan
- Widget / Gadget.
Pada artikel ini saya akan membahas kedua cara tersebut.
Dan pertama yang akan saya bahas dalam artikel Cara Membuat Halaman Daftar Isi Pada Blog ini adalah memakai halaman.
Nah, simak tutorial lengkapnya disini.
Cara Membuat Halaman Daftar Isi Pada Blog Memakai Halaman
1. Login ke Blogger.com
2. Buatlah sebuah halaman baru, ingat Halaman bukan Pos.
3. Setelah terbuka halaman baru, pilih Mode HTML. jangan yang Compose.
4. Salinlah kode HTML dibawah ini dan paste pada halaman yang baru saja Anda buat.
<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://kikirapper.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://kikirapper.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
Keterangan :
- Jika Anda ingin tidak adanya kotak ataupun scroll hapus script yang saya beri warna hijau.
- Ganti script yang saya merahkan dengan URL blog Anda.
- Ganti 480px dengan lebar postingan blog Anda
- Ganti 450px dengan tinggi postingan yang Anda inginkan
- Ganti script yang saya beri warna biru di atas dengan style yang anda inginkan seperti dibawah ini :
- Berdasarkan Label :
- Berdasarkan Tanggal
- Berdasarkan Artikel Terbaru
- Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya.
Cara Membuat Halaman Daftar Isi Pada Blog Memakai Widget
- Login ke Blogger.com
- Klik pada "Tata Letak".
- Klik "Tambahkan Gadget". Lalu pilih "HTML/JavaScript".
- Silahkan beri judul widget, copy kode di bawah ini dan pastekan pada kotak yang tersedia.
<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://kikirapper.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://kikirapper.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
Keterangan :
- Ganti script yang saya merahkan dengan URL blog Anda.
- Ganti script yang saya beri warna biru di atas dengan style yang anda inginkan seperti 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
- Dan klik Simpan / Save.
Nah. itu dia Cara Membuat Halaman Daftar Isi Pada Blog.
Semoga bermanfaat dan selamat mencoba!!.
1 Comments
