| |

Memasang Show Hide Sidebar

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

internet marketing
Bagi anda yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, saya sarankan untuk anda bisa belajar di sini

16 komentar:

MINE-BLOG mengatakan...

hadir untuk persahabatan

cerita para blogger mengatakan...

kunjungan perdana, salam kenal ya.

Sobat Blog mengatakan...

info menarik...langsung praktekin...

hampir lupa nih, salam kenalll

Dunia Komputer mengatakan...

Nice tips. Thanks.

Ocim mengatakan...

Tipsnya mnearik sekali mas

ntar saya coba

citrix mengatakan...

great posting

BlogMamet.com mengatakan...

Keren juga ni widgetnya...
Bakal bikin bingung pengunjung gak ya?|??

eHandbook mengatakan...

Thx utk kunjungan rekan2...
@ Blogmamet.com : pengunjung gak akan bingung koq...

Pakde mengatakan...

Wah...anak muda pinter-pinter sekarang... Terus maju sebar ilmu ..... masa depan negerimu...

tito mengatakan...

good post, makasih udah sharing :)

fatma snow mengatakan...

sore,,,,kayaknya pengunjung bakal bingung dech,,,,

akhatam mengatakan...

Mantep sob tutorialnya...!!!
Salam Kenal Yaw...

rifat mengatakan...

waaah,,,,tipsnya mantap,,,,sekaLian kunjunghan baLik,,,,thankz atas kunjungannya

Lavanya mengatakan...

nice post.....

Tihang mengatakan...

numpang baca, salam kenal...

MAKHLUK TUHAN mengatakan...

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.