Menyembunyikan Widget, Text, Atau Link (bagian ke-2)

S eperti yang saya janjikan pada postingan yang dulu, bahwa untuk menyembunyikan widget lebih dari satu tempat bisa dilakukan. Bahkan jika kita mau semua widget kita dapat disembunyikan dengan rapih. Jadi kita tidak perlu merasa khawatir blog kita berat saat diloading karena banyaknya widget yang bertaburan di blog kita. Selain itu, kita juga bisa menyembunyikan text atau gambar yang dianggap memberatkan loading blog. Jika pada tutorial pertama, baca di sini hanya bisa untuk menyembunyikan satu widget dan saat widget ditampilkan akan selalu berada di atas blog kita. Tapi sekarang agak berbeda, widget itu akan menempati posisi semula dimana kita memasangnya. Yang akan terlihat adalah nama widget tersebut, dan saat nama widget itu diklik, maka isi widget akan ditampilkan. Setelah tampil, nama widget semula akan berganti fungsi menjadi close/tutup. Sehingga widget bisa ditutup kembali. Sebagai contoh lihat pada member login di blog saya ini. Ada tulisan 'Lihat semua member'. Jika diklik maka akan muncul nama-nama member yang terdaftar di blog ini sebagai isi dari widgetnya. Berikut kode script yang saya gunakan, silahkan copy-paste:

<div> <input value="TAMPILKAN" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'TAMPILKAN'; }" type="button" /></div> <div class="alt2"> <div style="display: none;"> <div style="background:#000000;text-align:left;padding:10px;color:#ffffff;"> Letakkan Kode, text, atau link gambar di sini </div> </div> </div>

Kata 'TAMPILKAN' dan 'TUTUP' bisa diganti dengan nama widget anda. Jika ada pertanyaan tinggalkan comment.