Home Profile Opinion Academic Experience Tutorial

Senin, 22 Februari 2016

Cute Music Box 1

  Hai, assalamu'alaikum! Fathima request cara membuat music box yang kayak punya Resti. Yuuk buat Fathima dan yang ingin tahu read more!


1.Dashboard
2.Tata Letak
3.Tambahkan Gadget
4.HTML Java Script
5.Copy Paste kode dibawah ini
<style>
#music{
position:fixed; top:40px; right:30px;
padding-top:12px;padding-bottom:12px;
text-align:center;
height:10px; width:34px;
overflow:hidden;
border:3px solid #ffe5e6;
color:#888;
border-radius:40px;
-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-color:#FFFFFF;
z-index:999;
}
#musicplayer{ padding-top:15px; } #music:hover {border:3px solid #ffe5e6; padding:5px; height:220px; width:480px;
}
</style>
<div id="music">
<center>
<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif" /></center>
<div id="musicplayer">
MUSIC CODE</div>
</div>
-edit-edit dahulu
-untuk MUSIC CODE bisa diambil dari Soundcloud atau web pembuat music yang lain
6.Save


Good Luck!!

Terima kasih telah membaca, tinggalkan komentar ya!

4 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...