Pasang Spoiler dengan Scroll di Blog/Website ~ MAS OTONG

Assalamu'alaikum Wr. Wb.

Halo Agan" semuanya. . .

Sebelumnya saya telah membagikan Pasang Spoiler di Blog/Website [LENGKAP]. Kali ini merupakan spoiler dengan sedikit perbeadan. Yaps. . . Spoiler ini memiliki fitur scroll, jadi gak banyak makan tempat. Nih gan contoh spoilernya :-)

Langkahnya sama kok gan dengan artikel spoiler yang kemarin. Cuma kode HTML aja yang beda. Berikut kode HTML untuk membuat spoiler dengan fitur scroll :

<div style="margin: 3px;"> <div class="bigfont" style="margin-bottom: 2px;"> <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 = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div') [1].getElementsByTagName('div') [0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat lagi dong !!!'; }" style="margin: 0px; padding: 0px; width: 240px;" type="button" value="Hasil spoiler" /> </div> <div class="alt2" style="border: 0px inset; margin: 0px; padding: 0px;"> <div style="display: none;"> <center><div style="border: 1px solid #0F0; height: 200px; overflow: auto; padding: 10px; width: 250px;"> Disini tempat text atau link gambar </div> </center> </div> </div> </div>

Demikian kali ini yang dapat saya bagikan.

Semoga dapat bermanfaat untuk Agan semuanya.

Nantikan artikel saya yang selanjutnya ya :-)

Terima kasih.

Wassalamu'alaikum Wr. Wb.