Bloglist Challenge by Agna

Yo'i aku ikut bloglist challenge agna ini. Aku ikutan bikin cute secret box dan cerpen. Tapi cerpen nyusul belakangan aja ya, soalnya aisha lagi nggak ada ide

Ini kode secboxnya.

<style>
.adv2 ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtRRswBmVwxoASASe6yIcwOWsw9_o1k26JwxgG7ZpnoVncrEM3SIubRvYiETHC4bOlg4XhNNLJLUdufIBMHqsWF6eSvcgwdNhrhk0dUse8qMmA6Mpc8-3_u9YBh48B19se0HUtiJYrBgA/s400/8.jpg);padding:5px;text-align:center;width:200px;color:#000}
.adv2 p{padding:5px;;width:200px;color:#000;dashed #000;text-align:center}
a.tablo{-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:pointer;background:#fff;
width:20px;
text-decoration:none;
border:0px dashed #666;
border-radius:0px;
color:#FFD8D8;
display:inline-block;
text-align:center;
}
a.tablo:hover{background:#F3A2A2;color:#fff;}
 </style>
<div id="adv2" class="adv2">
<ul><a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" >4</a>
</ul>
<div id="wnsb" style="width:200px;">
<center><img height="150" src="http://www.ffpic.com/files/2014/0109/1305164317014212/ffpic13051606619725.png" /></center>
<center>this box cannot be 'secret' anymore</center>
</div>
<div id="1" style="display: none;">
<center><img height="150" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQAghLCBioq-IPh9YdBY2rYlnjI2TB8ScIV1jwRj1ZvpD-5G1aN" /><br>
I'm always waiting for your message<br>
put your cbox code here
</div></center>
<div id="2" style="display: none;">
<center><img height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIcG3TGYlcWWA5hS5qYEH4gORZSY1idAkJ7u2UmDaWZODkrlTJU7TcCKnBkgCHF5yt4pOhhBwpkjXvUzyGPktiE-dUhnruwuv9LNk4EZ7qBnedQUAsHZeHp8LhyH4CPCOoHvG4yNh7sGg/s1600/Banner+MocMoc+5.png" />
You can also put banner codes or anything  here.</center>
</div>
<div id="3" style="display: none;">
navigation no.3
</div>
<div id="4" style="display: none;">
navigation no 4</div>
</div>