Cara MemBuat Tombol Hide & Show di blog

Postingan kali ini maz dani akan berbagi Cara MemBuat Tombol Hide Dan Show di blog
apa sih gunanya? tombol itu berguna untuk menyembunyikan suatu gatget katanya si agar mempercepat loading blog bener gak? 
Langsung saja 
caranya seperti ini


-masuk dasbord blog
-Pilih tata letak
-add gatget
-Pilih html/javaScript
-masukan kode di bawah ini


<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">  

Isi Script sobat Yang ingin Dibuat Hide Dan Show di blog

</div></div></div>




-simpan dan lihat Hasilnya

Mudah bukan??
Happy bLogging

Share : Facebook Twitter Google+ Linkedin Technorati Digg Lintasme

Page loaded in: 0.77 seconds

Terima kasih telah membaca artikel Maz Dani tentang Cara MemBuat Tombol Hide & Show di blog dengan url http://dubraw735.blogspot.com/2012/03/cara-buat-tombol-hide-show-di-blog.html, Semoga Artikel Cara MemBuat Tombol Hide & Show di blog bermanfaat bagi diri saya dan anda.