Salsa's Tutobies Blog: JQuery MP3 Player Hover Like Mine

Hello, readers'-')/

Teman kita, Zahra, dia request tutorial ini.

Coba lihat pojok kiri atas blog Salsa, ada icon hati warna-warni kan? coba arahkan cursor-mu ke icon itu~! Ada mp3 player-nya kan? Nah, itu dia yang ingin Salsa bahas. Ada yang minat? Ayo kita buat~!

Template > Edit HTML > Tekan Ctrl + A > Tekan Ctrl + C > Tekan Delete > Tekan Ctrl + V
Tekan Ctrl + F di keyboard, lalu cari kode ini

]]></b:skin>

Done? Copy kode ini dan paste-kan di atas kode yang kamu cari tadi.

.love{ padding:10px; border-bottom-right-radius:5px; background:#fff; } #note{ 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; } #note:hover { top:-5px; } #open-note { height:45px; background:transparent border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 50px; text-align:center; }