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::

Klik untuk melihat

Rujak Cemil
Ping Blog
HyperSmash.com
Ping your blog
onesetia82
Blog Kontroversi Indonesia
Ping your blog
Create Backlinks

Nah mudah bukan dan selamat mencoba

Rachmat Alamsyah

Saya hanyalah satu dari sekian banyak Blogger yang terus menulis untuk memberikan Informasi kepada Pembaca.

Share this post