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





Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat tombol Show / Hide di Blog"

Posting Komentar

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

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel