Daftar isi blog dengan Jquery Accordion ini yang membuat kodenya adalah Abu Farhan, Kemudian di modifikasi lagi kodenya oleh Teja HTC. Lalu daftar isi blog Jquery Accordion ini saya edit lagi sehingga lebih mudah untuk di pasang atau di terapkan pada blog sobat semua.
Daftar isi atau sitemap di blog memang sangat penting, Karena dapat memudahkan para pengunjung untuk mengetahui semua daftar dari isi blog itu sendiri. Kegunaan yang lain adalah agar lebih memudahkan visitor atau pengunjung blog dalam mencari konten atau artikel posting yang di butuhkan.
Jika sobat ingin memasang iklan pada blog sobat, Kemungkinan besar blog sobat akan di review oleh pemasang iklan. Apakah layak atau tidak blog sobat di tempeli iklan dari penyedia iklan. Yang biasa menonjol di review adalah tentang apakah navigasi pencarian konten berbelit-belit dan tepat pada tujuan yang di cari atau tidak, Kemudian apakah ada pemasangan sitemap atau daftar isi pada blog atau tidak.
Menurut webmaster, Memasang daftar isi atau sitemap pada blog itu wajib hukumnya. Sebab untuk menunjang agar menjadi suatu blog yang profesional memang harus mempunyai navigasi pencarian yang tertuju dengan benar untuk memudahkan para pengunjung atau visitor mencari apa yang di cari atau di butuhkan dalam blog tersebut.
Mengenai tampilan atau wujud dari daftar isi blog yang menggunakan Jquery Accordion ini kurang lebih seperti seperti gambar berikut di bawah ini. Namun biasanya link dari judul akan berubah warna mengikuti warna link default dari blog sobat.
Efek dari Daftar isi blog dengan Jquery Accordion ini akan menimbulkan efek dropdown seperti menu, Efeknya akan timbul jika mouse di arahkan dan di klik pada satu pilihan label atau kategori, Maka akan keluar daftar isi dari label atau kategori tersebut berurutan kebawah sesuai dengan banyaknya isi label atau kategori blog.
Jika sobat tertarik untuk membuat, memasang dan menerapkannya pada blog sobat, Caranya sangat mudah. Jadi silahkan sobat ikuti langkah-langkahnya dengan teliti yang akan saya jelaskan sebagai berikut:
- Langkah Pertama:
- Silahkan sobat >> Masuk/Login >> ke Blog sobat.
- Pada "Dasboard" Tampilan blogger baru, Pilih Menu >> Template >> Edit HTML >> Lanjutkan.
- Jangan lupa sobat "Centang" kotak >> Expand Template Widget.
- Kemudian silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL+F pada keyboard sobat untuk memudahkan pencarian).
- Jika sudah ketemu, Silahkan sobat masukkan kode CSS berikut tepat sebelum atau di atas kode ]]></b:skin>
- Warna Merah adalah Kode warna dari daftar isi yang akan di tampilkan. Sobat bisa menggantinya sesuai dengan keinginan sobat, Namun saya menyarankan tidak usah di ganti. Karena kemungkinan daftar isi akan menjadi eror.
7. Jika hasil dari Preview atau Pratinjau tidak terjadi masalah eror, Maka silahkan sobat klik >> Simpan Template.
- Langkah Terakhir:
Cara Memasang Daftar Isi Jquery Accordion Pada Posting Blog
- Setelah Template di Save atau di Simpan, Sekarang silahkan sobat langsung menuju ke menu >> Post atau Tab Posting.
- Kemudian pilih klik >> Buat Entri Baru. (Caranya seperti saat membuat postingan blog).
- Lalu isikan judul Entri atau judul postingnya dengan judul Daftar isi, Sitemap, Table of Content atau judul yang lain seperti yang sobat inginkan.
- Setelah itu sobat pilih Mode >> HTML bukan Compose, Lalu masukkan semua kode script berikut ke dalamnya.
5. Yang terakhir silahkan sobat klik >> Publikasikan atau Terbitkan Entri dan lihat hasilnya pada posting blog sobat.
Catatan:
- Silahkan sobat ganti URL warna BIRU dengan Alamat URL blog sobat.
- Setelah Template di Save atau di Simpan, Sekarang silahkan sobat langsung menuju pilih menu >> Laman >> pilih dan klik >> Laman Baru >> Pilih dan klik lagi >> Laman Kosong.
- Kemudian isikan judul Laman dengan judul Daftar isi, Sitemap, Table of Content atau judul yang lain seperti yang sobat inginkan.
- Setelah itu sobat pilih Mode >> HTML bukan Compose, Lalu masukkan semua kode script berikut ke dalamnya.
4. Yang terakhir silahkan sobat klik >> Publikasikan dan lihat hasilnya pada laman blog sobat.
Catatan:
- Ganti URL warna BIRU dengan Alamat URL blog sobat.
- Setelah Template di Save atau di Simpan, Sekarang silahkan sobat langsung menuju pilihan menu >> Tata Letak >> Silahkan sobat tentukan posisinya dimana daftar isi Jquery Accordion ini akan di letakkan pada blog sobat.
- Kemudian pilih dan klik >> Tambah Gadget >> Lalu pilih dan klik lagi >> HTML/JavaScript.
- Setelah itu sobat masukkan semua kode script berikut di bawah ini ke dalamnya.
4. Yang terakhir silahkan sobat klik >> Simpan atau Save dan lihat hasilnya pada halaman blog sobat.
Catatan:
- Ganti URL warna BIRU dengan Alamat URL blog sobat.
Semoga artikel tutorial blog tentang Cara Membuat Dan Memasang Daftar Isi Blog Dengan Jquery Accordion yang saya share ini, Bisa sangat bermanfaat untuk para sobat KUCOPAS semua. Happy Blogging...
| Supported by http://kuc0pas.blogspot.com |
