How to Make a Spoiler

Assalamualaikum

Ada yang request tuto lagi di cbox, namanya Shiro. Thanks for req ya 

Btw,  nih katanya :

LIVE PREVIEW

TIFFANY HWANG



KIM TAEYEON

THESE THE CODES

1. Ke Dashboard > Pos > Buat entri baru

2. Kemudian di bagian "HTML ENTRY" , copy codes ini.

<div style="text-align: center;">

<div id="spoiler">

<div>

<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" style="-moz-border-radius: 10px; background-image: url(http://30.media.tumblr.com/tumblr_lq9mn2YRj41qjex46o1_250.jpg); border-radius: 10px; border-style: 2px solid #ff9fcc; font-size: 12px; margin: 13px; padding: 0px; width: 88px;" type="button" value="SPOILER" />

<div id="show" style="background-color: transparent; background-repeat: repeat; border-width: 0px; display: none; margin: 0px; padding: 3px; width: 90%;">

<center>

<center>

<span style="background-color: white; color: #474545; font-family: Verdana, Geneva, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-align: justify;"><b>TIFFANY HWANG</b></span>

<a href="http://i.imgur.com/ushc0ov.png"><img alt="" border="0" height="100" src="http://i.imgur.com/ushc0ov.png" width="100" /></a>

<span style="background-color: white; color: #474545; font-family: Verdana, Geneva, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-align: justify;"><b>KIM TAEYEON</b></span>

<a href="http://i.imgur.com/YWrtHfl.png"><img alt="" border="0" height="100" src="http://i.imgur.com/YWrtHfl.png" width="100" /></a>

</center>

</center>

</div>

</div>

</div>

</div>

3. Publish.

*ADJUST CODES :

*MERAH : URL IMAGES

*BIRU : YOUR WORDS

*HIJAU : SESUAIKAN KEINGINAN ANDA

Original codes : Kaskus