Minggu, 01 Juli 2012

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





Judul: Cara Membuat tombol Show / Hide di Blog; Ditulis oleh Rachmat Alamsyah; Rating Blog: 5 dari 5
Baca Juga

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