Terjemahan

Silahkan masukan kalimat bahasa yang anda inginkan untuk diterjemahkan oleh "Google terjemahan"

Jumat, 21 Mei 2010

Membuat Show Hide Floating Menu

Membuat Show Hide botton, yang saya maksut di sini adalah tombol untuk menyembunyikan suatu konten, atau sering disebut Spoiler, tombol ini efektif digunakan apabila kita posting sebuah script yang panjang.


JUDUL SPOILER

Letakkan disini Konten yang ingin di sembunyikan dalam spoiler



Copy-Paste HTML nya di bawah sini

<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;">

Letakkan disini Konten yang ingin di sembunyikan dalam spoiler

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





tulisanmu disini



Copy-Paste HTML nya di bawah sini


<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Klik disini" 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;Sembunyikan&#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;Klik disini&#39;; }" type="button" /></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">



tulisanmu disini

</div></div>


Selamat mencoba.......................

0 komentar:

Posting Komentar

Kalau Sobat sempet tinggalin coment,ya...?

Code HTML

Frame
<iframe src="http://namasitus_anda.com/" width="530" height="300" scrolling="yes"></iframe></div></div>
Show Hide
<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Klik disini" 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;Sembunyikan&#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;Klik disini&#39;; }" type="button" /></div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
tulisanmu disini
</div></div>
Teks Boks
<div class="widget-content"> <div style="overflow:auto;width:100%;height:340px;"> <p align="center"> <p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px" align="center">
your teks
</a></center></div></div></div></div>

Image
<img src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs028.snc3/11551_102358339789374_100000456255869_59579_6929097_n.jpg" style="font-weight: bold; height: 485px; margin: 1px 12.5px; width: 300px;" />

Coment facebookku
<div id="fb-root"> </div> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> </script><fb:comments href="mix-sains.blogspot.com" num_posts="10" width="430"></fb:comments>
 

Color HTML

Cbox ( Tinggalkan Pesan )

Radio Dakwah

Transparant ajah Blog muji yang lain di idesemua.blogspot.com