Cara membuat menu/widget Buka tutup di Blog

Udah lama gak Posting , Langsung aja Blog-KrenZ akan membagikan postingan Cara membuat menu buka tutup di blog , cara nya caranya sangat mudah , Widget buka tutup ini sangat berguna bagi template yang kurang rensponsif gara -gara kebanyakan CSS , dengan Adanya widget ini sobat bisa mengurangi loading blog yang lama menjadi agak cepat , Tidak percaya ? Lihat Blog-KrenZ juga memasang Widget Buka tutup dan hasilnya juga agak lebih cepat blognya , langsung aja ke cara pemasangannya ..

1. seperti pada umumnya , masuk dulu ke Blogger sobat

2. lalu klik tata letak

3. pilih HTML/java Script , atau widget mana yang mau di jadikan buka tutup

4. pastekan kode di bawah ini

<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);">Judul Widget</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 = 'Buka'; } 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;">
Widget agan pasang di sini !!
</div></div></div>

5. Simpan
Sebagai Demonya bisa di Dilihat di bawah

Klik buka Untuk melihat info Blog-KrenZ