Request: Music Player Like Mine

credit: Kak Ezah

Hai aku ada postingan lagi, dan inipun di request sebenarnya agak susah untuk membuat ini tapi kalo dicoba insyaallah bisa kok, Kak Annisa yang request yuk read..

Kak Annisa tanya: gimana bikin music player kayak aku?

Preview

Aku re-post Kak Ezha jadi sebagian ini menuju ke-linknya Kak Ezha:

Credit: Kak Ezha

1.Login ke blogger

2.Pilih template

Designer/Simple/Denim: HTML/Java Script

Skins:   </style>

Paste code dibawah ini setelah kode </style> atau di HTML/Java Script:

<style>

#music{ 

position:fixed; top:40px; left:30px;

padding-top:12px;padding-bottom:12px;

text-align:center;

height:10px; width:34px; 

overflow:hidden;  

border:3px solid #FFE3EC;

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#FFD1E0; padding:5px; height:45px; width:200px;

}

</style>

<div id="music">

<center>

<img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif" /></center>

<div id="musicplayer">

MUSIC PLAYER CODE

</div>

</div>

The notes :
Blue text : Color code HERE
Purple : Cute music icon change it if you want...find it HERE
Red text : Music player code...don't know how to add it ? HERE or HERE

Segitu aja, Kak Annisa kalo nggak tau tanyain ya kak insyaallah aku bisa bantu, tapi maaf kalo jawabnya agak lama berhubung dengan kegiatans sekolahku, kalian kalo mau nyoba juga tanya ya jangan malu-malu..

Sekian

Bai

Daebak

Arigatou Gozaimasu