D'JokoScript: Rules Chatbox 2

Hai, assalamu'alaikum! Resti posting nih, hari Minggu begini Resti selalu ON. Oh ya, tutorial ini hasil desain Resti sendiri. Rules Chatbox ini modelnya seperti Secret Box.Yuk read more!!

1. Dashboard
2. Ke widget Chatbox kamu
3. Copy paste kode dibawah ini diatas sendiri kode chatboxmu

<style>
.yonne ul{
padding:5px;
text-align:center;width:200px;color:#555; height:30px;
border:2px solid #ffe5e5;
}
.hyun2 p{
text-align:left;
width:200px;
color:#fea5c2;
font-family: Comic Sans MS;
}
a.lie{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background:#ffdede;
font-family:Comic Sans MS;
font-size:18px;
padding-text:1px;
text-decoration:none;
border:3px solid #ffdede;
color:#ffffff;
width: 25px;
display:inline-block;text-align:center;
}
a.lie:hover{
color:#fea5c2;
background:#ffffff;
border:3px solid #ffe5e5;
border-radius:5px;
}
</style>
<center><div id="yonne" class="yonne"><ul>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('r').innerHTML">R</a>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('e').innerHTML">U</a>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('s').innerHTML">L</a>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('t').innerHTML">E</a>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('i').innerHTML">S</a></ul>
<div id="lv" style="width:190px; padding: 10px;border:2px solid #ffe5e5;border-top:0px solid #ffe5e5;">C L I C K !<center><center></center></center></div>
<div id="r" style="display: none;"><center>
YOUR RULES</div>
<div id="e" style="display: none;">
YOUR RULES</div>
<div id="s" style="display: none;">
YOUR RULES</div>
<div id="t" style="display: none;">
YOUR RULES</div>
<div id="i" style="display: none;">
YOUR RULES</div></center>