Daydream's ♪
Daydreams ♪
"The symbol of freedom it the music like a symphony"


Right-click is forbidden
any question?


もしもし
Moshi Moshi

Refresh About Link Stuff Rules Follow

Disclaimer
the girl


こんにちは ! I'm Akane Katsumi. 14 y.o. Welcome to my blog!! Please leave your footprints here . Your ip is . Hate my blog?? Just click
here. Don't ever dare open my page source, I know who you are ^-^



足跡
Tomodachi

  • Your Name Not Anonym
  • Your Url Blog Not Email
  • Don't Making Crush Here




  • 思い出
    Flashback


    Credit;
    Makes my blog beautiful, this is!

    © 2016 - Skins by Akane Katsumi and Cute icon from Pixel and other from Google.
    Tutorial Hover Music Player #4
    Friday, July 10, 2015 | 0 Comments
     
     
    Heyy guys
    Bagi2 tuto lagi niehSpecial Credit: Kak Dila


    Masuk ke akun blog kamu blogger.com
    Dashboard >> Tata Letak
    Klik Tambahkan Gadget
    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 
     
     
     
     
     
     
     
     
     

    Post a Comment

    Moshi - Moshi

    Leave comment here
    Request ? tell in cbox
    Dont bad words

    Obey the rules ? Free comment :)

    Past Future