Status Box Sembunyi

Hai, udah adzan Magrib ni :) Kita bahas Status Box dulu yaa.. Kali ini dia sembunyi di pinggiran lo ^^ prev dulu yaa

saat sembunyi                                                          Saat Hover                                                                

Lucu yaa... Siapa yang mau ikuti step by stepnya yaa

• Denim dan Simple: Dasbor - Tata Letak - Tambahkan Gadget - HTML/Javascript - paste kode di bawah di kolom bawah
• Blogskin dan Classic: Dasbor - Template - paste kode di bawah di atas tulisan </style>

<style>
.y{
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
height:25px;
margin-top:30px;
margin-left:255px;
background: #faafbe;
color:white;
font-size:12px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus {
position:fixed;
border:4px solid #faafbe;
width:250px;
left:-265px;
top:50px;
height:100px;
padding:4px;
text-align:left;
font-size:11px;
font-family:arial;
background-color:white;
background-image:url(URL BACKGROUND KAMU);
background-position:right;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
</style>

<div id="kotakstatus"><div class="y">
s</div>

<div style="margin-top: -80px;"><br />Isi Status Kalian</div></div>

Edit dulu baru save yaaa :) :)
Semoga bermanfaat dan selamat berkomentar :) Jangan lupa like

---

Yuk! Berikan komentar Kalian dan Follow Blog Sa Hyun ^^

---