Tutorial : Status Box 2

LIVE PREVIEW

1. Layout > Add Gadget > Edit HTML
2. Copy dan paste code dibawah ni

<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);

background-position:right;

color:#333333;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

}

#kotakstatus:hover {

left:1px;

}

</style>

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

</div>

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

PUT STATUS HERE</div></div>

3. Preview dan Save