Tutorial: Hiden gadget hover (my style)

Assalamualaikum..
Ohayou!

gonna continue my tuto request from misaki swenpwai!!
siapa nak guna and baik hati sila credit ke sini yea? Gadget ni Fara guna since 2012 and tak pernah buang dari blog sampai sekarang. (18 jan 2015)

1.Sign in> Dashboard >layout > add gadget >html/java script

2. Copy codes below. Paste at html/java script.
  (Fara sarankan edit code kat sini dulu sebelum paste kat html/java script )

<style type="text/css">
.fara_nym {
bborder-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
color:white;
font-size:12px;
height:25px;
margin-top:30px;
margin-left:255px;
background: transparent;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#lovesshirochan {
position:fixed;
border:4px double #10443F;
width:270px;
font-size:8pt;
font-family:trebuchet ms;
left:-283px;
top:50px;
height:315x;
padding:4px;
border-radius: 15px;
text-align:left;
background-color:white;
background-image:url(http://i.imgur.com/dtE4u.png);
background-position: right;
background-repeat:no-repeat;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#lovesshirochan:hover {
left:1px;}

</style>
<div id="lovesshirochan"><div class="fara_nym">
<img src="http://static.tumblr.com/dc82aay/kgungmue9/pixel-banner.gif" /></div>
<div style="margin-top: -70px; margin-left: 5px;">
 apa apa gadget yang korang nak letak. ................................................................................................................<br>STATUS ke~<Br>xPgoodluck!
<br /></div>
</div>

*** : tukar dengan warna border (nk ukar style border pon boleh~)
*** & ***: tukar dengan warna background /tukar gambar background (kalau tanak gambar background delete la URL gambar tu)
***: gambar button untuk hover
***: gadget / status / apa-apa yang korang nak letak

3. dah? Save and enjoy~ (LOL)

goodluck!
Assalamualaikum