Tips Show/ Hide Collapse Widget [Complete fixed]. Hari ini saya benar-benar beruntung karena telah memperoleh ilmu baru tentang cara membuat Show/ Hide sidebar dari www.cumie.net. Show/ Hide Sidebar adalah sidebar yang tampilannya bisa dibuka dan ditutup jika judulnya di klik. Sebenarnya tips mengubah sidebar menjadi sidebar model javascript memiliki beberapa keuntungan, yang diantara lainnya adalah:
1. Membuat tampilan blog kita menjadi lebih rapi
2. Membuat loading blog jadi lebih ringan
3. Menyembunyikan isi sidebar
Jika anda tertarik memasang show/ hide sidebar yang saya maksud, silahkan klik salah satu tombol dibawah ini:
Setelah anda mengklik tombol diatas maka akan muncul gambar seperti dibawah ini:
Image by cumie
1. Lingkaran biru, pastikan blog mana yang akan anda pasang dengan show/ hide sidebar.
2. Lingkaran merah, gantilah judul sesuai dengan keinginan anda, misalnya judul sidebarnya adalah blogroll/ link teman, statistik blog, buku tamu/ shoutmix, atau yang lainnya.
3. Klik ADD WIDGET, maka anda akan segera diarahkan pada halaman layout blog anda.
4. Kemudian klik edit pada element widget yang baru anda buat, seperti gambar dibawah ini:
5. Maka akan segera muncul jendela windows baru, lalu segera ganti tulisan "isi sidebar ini dengan kode HTML /Javascript yang sudah anda siapkan" dengan kode yang sudah anda siapkan.
6. Tempatkan show/ hide sidebar di posisi yang anda inginkan, setelah itu klik "save template"
Perbedaan antara yang show/ hide sidebar pertama dan kedua?
1. Yang pertama, sidebar akan terbuka jika judulnya di klik.
2. Sedangkan yang kedua, sidebar akan terbuka jika tanda [+/-] yang di klik.
Anda bisa melihat contohnya di sidebar sebelah kanan blog ini
Selamat mencoba dan salam blogging!!...
1. Membuat tampilan blog kita menjadi lebih rapi
2. Membuat loading blog jadi lebih ringan
3. Menyembunyikan isi sidebar
Jika anda tertarik memasang show/ hide sidebar yang saya maksud, silahkan klik salah satu tombol dibawah ini:
Setelah anda mengklik tombol diatas maka akan muncul gambar seperti dibawah ini:
1. Lingkaran biru, pastikan blog mana yang akan anda pasang dengan show/ hide sidebar.
2. Lingkaran merah, gantilah judul sesuai dengan keinginan anda, misalnya judul sidebarnya adalah blogroll/ link teman, statistik blog, buku tamu/ shoutmix, atau yang lainnya.
3. Klik ADD WIDGET, maka anda akan segera diarahkan pada halaman layout blog anda.
4. Kemudian klik edit pada element widget yang baru anda buat, seperti gambar dibawah ini:
5. Maka akan segera muncul jendela windows baru, lalu segera ganti tulisan "isi sidebar ini dengan kode HTML /Javascript yang sudah anda siapkan" dengan kode yang sudah anda siapkan.
6. Tempatkan show/ hide sidebar di posisi yang anda inginkan, setelah itu klik "save template"
Perbedaan antara yang show/ hide sidebar pertama dan kedua?
1. Yang pertama, sidebar akan terbuka jika judulnya di klik.
2. Sedangkan yang kedua, sidebar akan terbuka jika tanda [+/-] yang di klik.
Anda bisa melihat contohnya di sidebar sebelah kanan blog ini
Selamat mencoba dan salam blogging!!...
Bagi anda yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, saya sarankan untuk anda bisa belajar di sini
15 komentar:
hadir untuk persahabatan
kunjungan perdana, salam kenal ya.
info menarik...langsung praktekin...
hampir lupa nih, salam kenalll
Nice tips. Thanks.
Tipsnya mnearik sekali mas
ntar saya coba
great posting
Keren juga ni widgetnya...
Bakal bikin bingung pengunjung gak ya?|??
Thx utk kunjungan rekan2...
@ Blogmamet.com : pengunjung gak akan bingung koq...
Wah...anak muda pinter-pinter sekarang... Terus maju sebar ilmu ..... masa depan negerimu...
good post, makasih udah sharing :)
sore,,,,kayaknya pengunjung bakal bingung dech,,,,
Mantep sob tutorialnya...!!!
Salam Kenal Yaw...
waaah,,,,tipsnya mantap,,,,sekaLian kunjunghan baLik,,,,thankz atas kunjungannya
numpang baca, salam kenal...
makasih ya tipsnya,ni dah mo tak coba dulu hehehe...
Posting Komentar
Silahkan tinggalkan pesan dan komentar anda di kolom bawah ini. Segala komentar yang mengandung unsur SARA akan kami hapus.