Secret Box (Like Lee Areum)


Tadi aku baru saja posting menu tab, sekarang aku akan posting secret box. Disimak ya?

1. Login dulu ke blog kalian
2. Klik tambahkan gadget di tata letak, pilih html/javascript
3. Copas kode di bawah ke dalam kotak html


<style>
a.areum{
border:2px dashed #ffccff;
padding:1px;
border-radius:10px;
margin:1px;
display:inline-block;
font:12px short stack;
text-transform:uppercase;
text-align:center;
Text-decoration:none;
width:40px;
letter-spacing:1px;
text-shadow: #aaa 1px 1px 2px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a.areum:hover{
color:#fff;
font-family:handlee;
transform: rotate(-360deg) scale(0.6) ;
-webkit-transform: rotate(-360deg) scale(0.6);
-moz-transform: rotate(-360deg) scale(0.6);
-o-transform: rotate(-360deg) scale(0.6) ;
-ms-transform: rotate(-360deg) scale(0.6) ;
}
::-webkit-scrollbar {
background:#eee;
width: 6px;
height: 7px;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFD7D7;
}
 </style>
<div style="width:280px;">
<center><a class="areum" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >A</a>
</center>
<div id="wnsb" style="margin-top:5px;width:280px; padding:10px; border:1px dashed #ddd;">
<div id="1" style="display: none;">
kode kalian
</div>
</div>
4. Kalian bisa mengganti kode berwarna itu sesuka hati
5. Save, selamat mencoba
Terimakasih sudah membaca ^^ Tinggalkan komentar ya?

Tidak ada komentar:

 
Related Posts Plugin for WordPress, Blogger...