Trik Membuat Pages Gadget Dropdown Praktis dan Mudah

Posted by

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
 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
 


Blog, Updated at: 06:24:00

0 komentar:

Post a Comment

Cari Blog Ini


Aplikasi CBT Mandiri seperti UNBK Praktis dan Mudah

Aplikasi CBT Mandiri adalah aplikasi untuk penilaian tertulis berbasis komputer secara mandiri oleh sekolah. Bisa digunakan untuk ujian sekolah, ulangan semester, ulangan tengah semester mupun ulangan harian yang berbasis komputer.Lengkap dengan analisis butir soal. Selengkapnya disini

Dollar Gratis Setiap Bulan

Dollar Gratis Setiap Bulan
Anda au dapet dollar setiap bulan seperti ini? Silakan Daftar
Iwan Yas. Powered by Blogger.

Follow by Email

Google+ Followers