Cara Membuat Tombol Buka Tutup di Blog
Friday, January 11, 2013
Pernahkah Anda melihat widget blog terdapat pilihan tombol buka tutup? Atau jika Anda mengunjungi kaskus pasti tidak asing dengan tombol buka tutup. Bisakah kita membuatnya pada blog kita?
Nah, jawabannya pasti bisa! Kita dapat membuat tombol buka tutup dengan sangat mudah, kami yakin Anda tidak akan kesulitan membuatnya dalam blog. Berikut langkah cara membuat tombol buka tutup di blog :
1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Kemudian Copy kode berikut ini pada 'HTML/JavaScript'.
Nah, blog Anda sekarang sudah terpasang tombol buka tutup dan hasilnya bisa Anda lihat dibawah ini : Jika Anda masih mengalami masalah hubungi kami melalui contac.
Nah, jawabannya pasti bisa! Kita dapat membuat tombol buka tutup dengan sangat mudah, kami yakin Anda tidak akan kesulitan membuatnya dalam blog. Berikut langkah cara membuat tombol buka tutup di blog :
1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Kemudian Copy kode berikut ini pada 'HTML/JavaScript'.
<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
<div style="margin-top: 5px; text-align: left;"><input 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 = 'BUKA'; }" value="BUKA" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
</div></div></div>
4. Terakhir klik Simpan. <div style="margin-top: 5px; text-align: left;"><input 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 = 'BUKA'; }" value="BUKA" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
Letakkan link/script/gambar disini!
</div></div></div>
Nah, blog Anda sekarang sudah terpasang tombol buka tutup dan hasilnya bisa Anda lihat dibawah ini :