Home Owner Tutobies Other Friends Themes

Selasa, 10 Mei 2016

Cute Music Box 2


   Hai, assalamu'alaikum! Resti post tutorial kelanjutan nih. Oh ya, music di blog Resti punya perubahan lho, yang tadinya Open Your Eyes-Maher Zain sekarang musik klasik yang berjudul Rondo Alla Turca. Oke kembali ke post aja, 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; left:30px;
padding-top:12px;padding-bottom:12px;
text-align:center;
height:12px; width:37px;
overflow:hidden;
border:3px solid #ffffff;
box-shadow:0px 0px 0px 4px #ffe5e5;
color:#888;
border-radius:5px;
-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:#ffe5e5;
z-index:999;
}
#musicplayer{ padding-top:15px; } #music:hover {border:3px dashed #ffffff;box-shadow:0px 0px 0px 4px #ffe5e5; padding:5px; height:220px; width:480px;border-radius:20px;
}
</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
6. Save

Oh ya, tuto ini hasil modifikasi yang lalu

GOOD LUCK!!


Terima kasih telah membaca, tinggalkan komentar ya!

3 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...