Slide Status Box

 Assalamualaikum >.<
Status Box Slide ? Macam mana tu ?

Kat tepi blog Isyah kan ade .

  Template Clasicc / Blogskin 

 Paste code tersebut di bawah code </style>


  Template Designer 



 Dashboard > Layout > Add a Gadget > Html/JavaScript and paste Code tersebut

<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 #FFC1DD;

width:250px;

left:-265px;

top:50px;

height:100px;

padding:4px;

text-align:left;

font-size:10px;

font-family:Short Stack;

background-color:white;

background-image:url(URL BACKGROUND);

background-position:right;

color:#333333;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

}

#kotakstatus:hover {

left:1px;

}

</style>

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

Y</div>

<center><div style="margin-top: -80px;"><br>

STATUS AWAK</div></div>

Orange : -- Code Warna Ambil di SINI
Yellow : -- Url Background awak
Pink     : -- Your Status

Done .   Thanks . Wassalam .

Credit  : K.Atiqah