Tutorial : Floating Widget / Mp3

1. Template --> Edit Html --> Tick Box Code --> CRTL+F
2. Tekan Ctrl + F , Cari Code Ini :
]]></b:skin>
3. Done? Copy Code ni dan paste di atas code yang korang cari tadi

.love{
padding:10px;
border-bottom-right-radius:5px;
background:#fff;
}
#note{
text-align: center;
position:fixed;
left:28px;
top:-50px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#note:hover {
top:-5px;
}
#open-note {
height:45px;
background:transparent
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 50px;
text-align:center;
}

4. Then , try preview.kalau tak ada error terus save oke?
5. Go to Layout --> Add A gadget --> Choose Edit Html/JavaScript
7. Copy code bawah ni dan paste!

<div id="note">
<div class="love">
CODE LAGU 
</div>
<div id="open-note"><br /><img src="Url Icon Music"  /></div></div>


8. Sila save dan lihat hasilnya !
 http://sl.glitter-graphics.net/pub/439/439087zf2mcug0by.gif
 http://dl5.glitter-graphics.net/pub/220/220645u9r9sjvsfp.gif
 http://dl.glitter-graphics.net/pub/695/695351ug3twpiwlh.gif
  http://dl2.glitter-graphics.net/pub/122/122842r9l2jjtjaf.gif
 http://dl6.glitter-graphics.net/pub/1581/1581406qtyyqxaxmg.gif




No comments

ღ Nice to see , nice to read ,
Once comment , I will hit you back ! :D
Its that true my poem ? HAHA. Ignore it..

Thanks , I love you all !