Hide Music Box Hover #1

Hide Music Box Hover #1

Konnichiwa! Nei mau ngepost tuto, nih! 
Mau baca? yooieeeyy silakan


Mau style music box kayak diatas? kawaii lohh..!!
Kalau iya, ayo ikuti step-step dibawah ini

First : For Designer Template

  • Blogger >> dasbor >> tata letak >> tambahkan gadget >> html / javascript
Second : For Classic /  Blogskins


  • Blogger >> template >> Paste kodenya di atas kode </style> >> save
Code musik

<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="Your Music Icon URL" /></center>
<div id="musicplayer">
MUSIC PLAYER CODE
</div>
</div>

  • Edit-edit dulu yaa ^^ kalo sudah save


4 comments:

  1. Replies
    1. Halo bening! aku dapet dari hasil upload file di kiwi6.com. Kapan-kapan aku post oke?

      Delete
  2. thanks neira,kapan² mampir ya di blog anggitaad.blogspot.com ☺

    ReplyDelete

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

4 ) Blog ini secara otomatis memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...