Music box new style (Blogskin)

Post by Adilla Shahirah | 10:05 pm | 0 Nutella |

Tumblr_m2qw89arus1qjtzsdo1_500_large
Assalamualaikum, okay skang nak wat tutor yg mendapat permintaan ramai -.- Eyra taktau nak panggey apa bnda alah ni. code dye aq dpt dri blogskin.com. tp, tak jumpa balik skin tu -.- hrp maklum. so, bg sesapa yg tak tau psl music box ni boleh merujuk gmbar dibwh. before tu, Eyra nak ingatkan bnda ni cuma berfungsi pada blogskin aka classic template sahaja. template designer tak try lgi. 



see. bila kita hover kat dya, automatik dye membesar. bole jugak rujuk SINI. okay? lets start.

First, click sini :)

Second, copy code kat bwh ni 

#music{position:fixed !important; right:10px; padding-top:12px; top:10px; padding-bottom:12px; height:30px; width:50px; overflow:hidden; border:3px solid #F6CED8;-moz-border-radius: 17px 17px 17px 17px;border-radius:17px 17px 17px 17px; -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;background: #fff;z-index:999;font-family: short stack;font-size:13px;}

#music:hover{border:2px solid #E6E6E6; padding:5px; height:90px; width:200px;-moz-border-radius: 0px 0px 0px 0px;border-radius:0px 0px 0px 0px; }
Third, dah copy? okay, code tadi tu pastekan kat bwh code body { 

contoh:

body { blablabla...}


#music{position:fixed !important; right:10px; padding-top:12px; top:10px; padding-bottom:12px; height:30px; width:50px; overflow:hidden; border:3px solid #F6CED8;-moz-border-radius: 17px 17px 17px 17px;border-radius:17px 17px 17px 17px; -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;background: #fff;z-index:999;font-family: short stack;font-size:13px;}

#music:hover{border:2px solid #E6E6E6; padding:5px; height:90px; width:200px;-moz-border-radius: 0px 0px 0px 0px;border-radius:0px 0px 0px 0px; }
Fourth, copy code bwh dan  pastekan kat bwh <body 

<div id="music"><center><img src="http://www.laymark.com/l/cz/cz03.gif" style="margin-left: 3px; margin-bottom: 3px; width:40px;"><br></center><center><div style="color:#F6CED8;">AYAT KORANG </div><object width="160" height="25"><param name="movie" value="http://www.youtube.com/v/V-y_J7eVMIY?fs=1&amp;autoplay=1&loop=1&amp;hl=en_US&amp;rel=0&amp;color1=ffffff&amp;amp;color2=ffffff " /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/V-y_J7eVMIY?fs=1&amp;autoplay=1&loop=1&amp;hl=en_US&amp;rel=0&amp;color1=ffffff&amp;amp;color2=ffffff " type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="160" height="25"></embed></object></center></div>
yg lain adjust sendiri okay. Dah siap. Save lah. click here thanks.

okay, i'm in rush now. babai and wasalm :)

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

0 comments: