Secara default blogspot menyediakan gadget untuk menampilkan daftar halaman blog kita.
Baca : Menampilkan Pages di gadget blogspot
Tapi akan bermasalah jika jumlah halaman/pages yang kita buat dalam blog jumlahnya sudah banyak ( di atas 20 halaman), jika ditampilkan dengan fasilitas pages/laman blogspot tentu sedikit mengganggu tampilan blog, karean akan ada deretan panjang pada sisi gadget blog sehingga jika ingin menampilkan isi lain tentu akan mengurangi space.
Nah untuk menyiasati hal tersebut, kita bisa membuat daftar halaman/Pages dalam bentuk dropdown seperti gadget di bagian kanan blog ini
Saya mencoba untuk memberikan trik sederhana dan mudah, oke langsung aja ya...
A. Langkah Pertama buat laman/pages seluruhnya, jika dalam blog anda sudah ada, maka langkah ini tidak perlu dilakukan, caranya :
- Login pada ke blogger
- Pada Dasboard klik Layout
- Klik Add a Gadget
- Pilih Pages/Laman
- Pada jendela Add a Gadget pilih Pages/Laman
- Selanjutnya pada jendela Configurasi Page List pilih Select All
- Kemudian Save
- Selanjutnya silakan lihat blog/View blog
B. Langkah kedua adalah akan membuat Gadget Pages Dropdown, caranya:
- Masih pada halaman Layout
- Klik Add a Gadget
- Pada jendela Add a Gadget pilih HTML/JavaScript
- Isi kolom Title dengan Pades atau Halaman, atau sesuai keinginan anda
- Copy script di bawah ini
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: 300px;"><b /></div>
Ket.
#000000 adalah warna latar belakan kotak dropdown , bisa ganti dengan kode warna lainnya
#000000 adalah warna latar belakan kotak dropdown , bisa ganti dengan kode warna lainnya
200 adalah tinggi kotak gadget, silakan ganti sesuai kebutuhan
300 adalah lebar kotak gadget, silakan ganti sesuai kebutuhan
- Tempel/paste pada area Conten dalam jendela Configure HTML/JavaScript
- Selanjutnya buka silakan menuju halaman blog anda.
- Copy semua isi Pages yang telah anda buat sebelumnya
- Sekarang kembali tampilkan jendela Configure HTML/JavaScript , klik Rich Text
- akan tampil kolom kosong, tempel.paste copy dari isi Pages tadi
- Selanjutnya Save
Terakhir silakan hapus Gadget Pages yang anda buat pertama kali tadi, yang isinya sudah anda copy untuk pages dropdown. Caranya :
Klik Edit pada Gadget pages yang akan dihapus
Selanjutnya klik Remove
Nah sekarang yang masih ada adalah Gadget Dropdown yang anda buat.
Silakan Refres (Ctrl+F5) halaman blog anda, maka akan bisa dilihat hasilnya.
Selamat mencoba semoga bermanfaat, angan lupa tinggalkan komen ya. Makaci
Tidak ada komentar:
Posting Komentar