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




もしもし
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


    Treasure here

    1 2 3 4
    Want see a miracle ?

    クレジット
    Makes my blog beautiful, this is!

    © 2016 - Skins by Akane Katsumi and Cute icon from Pixel and other from Google.
    Tutorial Hover Music Player #1
    Jumat, 12 Juni 2015 | 1 Comments
     
     
    Hi all peeps, mau kayak dibawah? Lanjutt!
    For template designer, denim, simple, watermark...
    Dashboard --> Layout --> Add gadget --> HTML/Javascript

    For blogskin and classic template...
    Dashboard --> template --> paste code di bawah code  </style>

    The codes :
    <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 Arial, Calibri, Cambria, sans-serif;
    -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>
    <div id="music-player-rounded">
    <img src="URL Icon Music" />
    <br />
    <div class="music-player">
    <div class="music-player-embed">
    MUSIC CODE HERE
    </div></div></div>
    Diatur sendiri ya sesuka hati. Boleh tanya jika tidak mengerti :) Bye! Thanks to Ehza :)

    Label:

    Blogger Septy Salshabila mengatakan...

    repost credit kok

     

    Posting Komentar

    Moshi - Moshi

    Leave comment here
    Request ? tell in cbox
    Dont bad words

    Obey the rules ? Free comment :)

    Past Future