Selasa, 16 Juli 2013

Cara Membuat Double Scroll Box atau Kotak Scroll di Dalam Spoiler

Nah, karena ini postinga cuma buat arsipku saja, maka saya posting Cara Membuat Double Scroll Box atau Kotak Scroll di Dalam Spoiler agar saya sendiri tidak sibuk untuk mengeditnya dan satuhal lagi karena ini hanya menurut saya. sayang kan kalau web / blog kita terlalu banya gadget mendingan memakai satu gadget tapi di dalamnya berisi macam macam, he he he. Tapi kalu postingan ini bisa membantu sobat, maka silahkan sobat lihat contohnya sebelum anda mengopy dan kalau memang itu cocok sama sobat maka copy kode di bawahnya contoh ini :
Contoh
Bagaima sobat ? apakah anda berminat mengopy kodenya untuk menempelkan di web / blog sobat ?
Bila anda memang berminat maka silahkan sobat copy kode di bawah ini ok ! :
<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" name="button" type="button" value="Klik Untuk Melihat" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;LIHAT LAGI&#39;; }" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 100%;">
<p style="text-align: justify;"></p><div style="border: 1px solid #555; height: 180px; overflow: auto; padding: 10px; width: 100%px;">Cara Membuat Double Scroll Box atau Kotak Scroll di Dalam Spoiler mMn</div>teMplates mMn
<div style="border: 1px solid #555; height: 180px; overflow: auto; padding: 10px; width: 100%px;">Cara Membuat Double Scroll Box atau Kotak Scroll di Dalam Spoiler mMn</div><p></p>
</div><div id="hide"></div></div>
Bagi yang masih belum mengerti atau masih benar benar newbie maka yang harus anda lakukan adalah : copy kode di atas lalu tempelkan di tata letak gadget.
saya tidak ingin banyak banyak karena ini hanya arsip saja, Cara Membuat Double Scroll Box atau Kotak Scroll di Dalam Spoiler terima kasih
3 komentar:
  1. terima kasih scroll box nya

    BalasHapus
  2. Abu Joise_sebenarnya sih, ini arsip saja. tapi kalau ini bisa membantu temen temen saya, ya syukur deh. he he he

    BalasHapus

Komentar yang Baik !!!.
Suka Artikel ini dan mau Copas? Baca dulu Peraturan Copas !!!.

aKseSoris teMplate