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>note:
.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&autoplay=1&bgcolor=fffffff&loadingcolor=ff9eff&buttoncolor=ffcccc&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>
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
wah, panjang juga ya Mba kode lagunya hehehe... untung nya blog saya sudah dipasangi lagu :)
BalasHapusterima kasih mba tips pasang lagu cute like mine nya
hihihi ^^
Hapusoke mas eka :)
Ada, nggak, Kak, yang buat blogskin?
Hapus