Cara Membuat tombol Show / Hide di Blog

Cara Membuat tombol Show / Hide di Blog
Rachmatalamsyah.com - Spoiler  show hide sering digunakan para bloger untuk meminimalis menu pada blog di samping itu dengan meminimalkan tampilan menu (gadget maupun gambar) secara tidak langsung akan meringankan loading blog kita yang disana-sini banyak nempel gadget yang beragam. Begitu pula saya yang akhir-akhir ini sering menggunakan spoler show hiden agar tidak terlalu banyak menu yang di tampilkan.postingan ini saya dapatkan dari blog teman sesama blogger.Adapun cara buat spoiler Show Hide . 

Caranya:

    1. Copy codenya dibawah ini

<div><div style="margin-bottom: 2px;"><i><b><small>Klik untuk melihat </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }" type="button" /></div>
<div style="border:inset ; margin: 0px; padding: 6px;"><div style="display: none;">

TEXT ANDA LETAKAN DISINI

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



hasilnya kayak gini::



Nah mudah bukan dan selamat mencoba





Artikel Terkait

Cara Membuat tombol Show / Hide di Blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

Terimakasih telah berkomentar,saya akan menampilkan komentar anda segera setelah saya setujui.