Saturday, July 11, 2015

Pasang Lagu Cute (Like Mine)

Kamu bosan karena blog kamu sunyi senyap?? Mending pasang lagu aja yuk. Biar gak horor banget kesannya 
Music is my life  Mau tau gimana cara buatnya??
Yuk, langsung saja ikuti step step nya.

Masuk ke akun blog kamu blogger.com
Dashboard >> Tata Letak
Klik Tambahkan Gadget >> HTML/Java Script
Copy kode dibawah ini
<style>
.song {
padding:10px;
border-bottom-right-radius:5px;
background:#fff;
}
#sing {
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;
}
#sing:hover {
top:-5px;
}
#bukak {
height:45px;
background:#fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 50px;
align:center;
}
</style>
<style type="text/css">
#music-player-rounded {
position:fixed;
left:30px;
top:5px;
width:25px;
height:25px;
padding-left:10px;
padding-top:10px;
background-color:#FFFFFF;
-moz-border-radius:100px;
-webkit-border-radius:100px;
border-radius:100px;
border:3px dotted pink;
opacity:1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#music-player-rounded:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform: rotate(360deg);
left:50px;
top:30px;
}
.music-player {
margin-top:-10px;
margin-left:-55px;
width:25px;
height:25px;
padding-left:10px;
padding-top:10px;
background-color:#FFFFFF;
-moz-border-radius:100px;
-webkit-border-radius:100px;
border-radius:100px;
border:2px solid #dddddd;
color:#777777;
opacity:0;
overflow:hidden;
font:12px Short stack, short stack, short stack, short stack;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#music-player-rounded:hover .music-player {
opacity:1;
}
.music-player-embed {
margin-left:-115px;
margin-top:3px;
}
</style>
<style>
.song {
padding:10px;
border-bottom-right-radius:5px;
background:#fff;
}
#sing {
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;
}
#sing:hover {
top:-5px;
}
#bukak {
height:45px;
background:#fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 130px;
align:center;
}

</style>
<div id="sing">
<div class="song">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="98" height="20">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
<param name="bgcolor" value="#fffffff" />
<param name="FlashVars" value="mp3=URL MP3 KAMU&amp;autoplay=1&amp;bgcolor=fffffff&amp;loadingcolor=ff9eff&amp;buttoncolor=ffcccc&amp;slidercolor=ffcccc" />
</object></div>
<div id="bukak"><br/><img src="http://media.tumblr.com/03a3d116d2a8a97e11249919689c10e0/tumblr_inline_mgpj0bdGi41qdlkyg.gif"/><small>LAGUKU</small><img src="http://media.tumblr.com/03a3d116d2a8a97e11249919689c10e0/tumblr_inline_mgpj0bdGi41qdlkyg.gif"/></div></div>
note:
Merah: Ganti dengan URL MP3 kamu (INGAT: formatnya harus .mp3).
Biru: Boleh kamu ganti tulisan itu dengan apa saja sesuai yang kamu mau.
 Save dan lihat hasilnya 

Terimakasih sudah membaca , Tinggalkan komentarnya juga ya

3 comments:

  1. wah, panjang juga ya Mba kode lagunya hehehe... untung nya blog saya sudah dipasangi lagu :)
    terima kasih mba tips pasang lagu cute like mine nya

    ReplyDelete

-Mohon berikan komentar anda dengan menggunakan bahasa yang sopan.
-Jika ingin repost, silahkan cantumkan namaku dan link blogku.

Related Posts Plugin for WordPress, Blogger...
 
This Blog Are Protected By Me . DO NOT OPEN MY PAGESOURCE . Designed by -Nur Irdina Zakaria- and Re-Designed by -DILA AZHARI-
...