Slide Status Box

Author : Nur Aisyah Time : 4:47 pm Comments : 0 ✿ Labels :


 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

0 Kawan Iesyah Comment(s) :

Post a Comment

ʕ•ᴥ•ʔ = Comment yang murni-II saje ya sayang ;)