Cute Secret Box

  Assalamu'alaikum! Resti posting sesuatu yang ada di blog Resti nih. Mungkin sekarang Secret Box Resti kayak gitu, tapi nggak tahu seterusnya, Resti kan sering gonta-ganti style *hehehe........Cekidot ke tutorialnya ya!!


1. Dashboard
2. Tata Letak
3. Tambahkan Gadget
4. HTML Java Script
5. Copy kode dibawah ini dan paste-kan

<style>
.hyun ul{
background:url(URL BACKGROUND);
padding:5px;border:3px solid #ffe5e5;
border-bottom: 10px solid #ffe5e5;
text-align:center;width:225px;color:#555; height:30px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.hyun2 p{
text-align:left;
width:200px;
color:#fea5c2;
font-family: Short Stack;
}
a.lulu{
-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;
cursor: url(URL CURSOR HOVER), wait;
background:#ffffff;
font-family:Delius Swash Caps;
font-size:18px;
padding-text:1px;
width:20px;text-decoration:none;
border:3px solid #ffe5e5;
color:#000;
width: 35px;
height:25px;
display:inline-block;text-align:center;
-moz-border-radius-bottomleft: 35px;
border-bottom-left-radius: 35px;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
}
a.lulu:hover{
border:3px dotted #ffe6e5;
color:#000;
background:#fff5f5;
}
</style>
<center><div id="hyun" class="hyun"><ul>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('1').innerHTML" title="TOOLTIP" >1</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('2').innerHTML" title="TOOLTIP" >2</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('3').innerHTML" title="TOOLTIP"  >3</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('4').innerHTML" title="TOOLTIP" >4</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('5').innerHTML" title="TOOLTIP" >5</a></ul>
<div id="word" style="width:216px; border: 2px solid #ffe5e5;background:#ffffff;padding: 10px; border-radius: 4px 4px 20px 20px;"><center>YOUR TEXT/CODE </center></center></div>
<div id="1" style="display: none;">
YOUR TEXT/CODE
<div id="2" style="display: none;">
YOUR TEXT/CODE
<div id="3" style="display: none;">
YOUR TEXT/CODE
<div id="4" style="display: none;">
YOUR TEXT/CODE
<div id="5" style="display: none;">
YOUR TEXT/CODE
</div></center>

-edit terlebih dahulu, untuk mempermudah klik link ini
6. Save

Good luck guys! Ingat ya, repost wajib full credit!

---

Terima kasih telah membaca, tinggalkan komentar ya!

---