eyra : Tutorial : Hide Music Player

Anneyeongsayo..

Assalamulaikum..

Hello Readers..

Macam biasa nak buat tuto lagi.. heheeh biasalah newbie kan? okey hari ni nak buat tuto cara hide music player.. credit to kak tiqah :) ini hanya boleh dipakai untuk pengguna blogskin jer.. :)

1. Dashboard > Template > Edit HTML
2. Ctrl+f serentak dan cari code ni <head>
3. Copy code di bawah ni

<style type="text/css">#gb{position:fixed;top:10px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:100px;width:30px;float:left;cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;background:url('URL ICON ') no-repeat;}.gbcontent{float:left;border:1px solid #000000;background:url('BACKGROUND KOTAK');padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">CODE LAGU</div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>

4. Pastekan di bawah code <head>

Merah : letak url icon pilihan korang
Biru : ketebalan border boleh di ubah
Kuning : warna border anda
Orange : background url pilihan korang
Hijau : code lagu korang

5. Preview & save

Tutorial : Hide Music Player

1 comment: