Cara Membuat Spoiler digabung dengan Scroll

Cara Membuat Spoiler digabung dengan Scroll
Cara Membuat Spoiler digabung dengan Scroll
Cara ini sebenarnya iseng isengan saya buat, ternyata Keren juga jadi saya publikasikan dengan nama Cara Membuat Spoiler digabung dengan Scroll. Silahkan dicoba !!!

Prepiew :


KODE WIDGET DISINI


Cara Membuatnya :

  • Masukkan Script dibawah ke CSS Blogmu

.spoiler{background:#f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_FPyrzAHFw0XJ3oPbHp2XE86Bw3vpHR0VgFx3S28klNtwBqdYYwYYsKsb9xpObJuXJPO0cA7ofVKsm-YZslzGPzTedu1kVefIr2a9MSPpcdV81hW8MbKdi2fTNqfUFC0yCJ7ze40lG3a/h120/gradient2.php.png) repeat-x;border:1px solid #ddd;padding:3px}.spoirel{font-family:arial;font-size:12px;color:#555;margin-bottom:0;font-weight:bold;text-align:left}

  • Untuk HTMLnya ada dibawah

<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<div class="spoiler">
<div class="spoirel">
<input 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 = 'TUTUP'; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = 'buka'; this.value = 'buka'; }" style="background: #f9f9f9; border: 0px solid #000; color: saddlebrown; float: right; font-family: arial; font-size: 10px; font-weight: bold; margin: 0px; text-transform: uppercase;" type="button" value="LIHAT" /></div>
<div style="border: 0px inset #fff; color: blue; margin: 0 10px 0px 10px; padding: 0px; text-align: center;">
<div style="display: none;">
<br />
KODE WIDGET DISINI</div>
</div>
</div>

Share 'Cara Membuat Spoiler digabung dengan Scroll' On ...

thumbnail Title: Cara Membuat Spoiler digabung dengan Scroll
Posted by:Anonymous
Published :2013-04-13T14:34:00+07:00
Rating: 5
Reviewer: 100000000 Reviews
Terimakasih banyak karena sobat telah membaca artikel Cara Membuat Spoiler digabung dengan Scroll. Sobat bisa bookmark halaman ini dengan URL http://cyberr-kediri.blogspot.com/2013/04/cara-membuat-spoiler-digabung-dengan.html. Jika ingin memposting ulang artikel ini harap untuk mencantumkan link sumber.

1 Komentar untuk "Cara Membuat Spoiler digabung dengan Scroll"