Tutorial: Hide Music Player (Blogskin)

Tumblr_lsdigqielz1qak6q0o1_500_large

Assalamualaikum and annyeong. Klau tak silap tieqa hari tu ada yg tnya tieqa fasal hide music player new version. Memandangkan tieqa tgh rajin. So tieqa akan tunjukkn caranya. Tuto ni hanya utk pengguna template classic/blogskin sahaja.

1. Dashboard > Template
2. Press Ctrl+f serentak dan cari code <head>
3. Kemudian, copy code kt 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. Paste di bawah code <head>

pink: letak URL background pilihan korg
biru: code lagu
oren: ketebal border. Bole diubah
hijau: jenis border eg. solid/ dotted/ dashed
merah: URL icon music. Bole ambil linknya kt sini, klau mau

http://1.bp.blogspot.com/-MOVP_YwkN1Q/T4TLXiRWFJI/AAAAAAAAFek/bEfuo9WEXeo/s1600/7.png

http://3.bp.blogspot.com/-BAdabGm7mHI/T4TLa3S3qqI/AAAAAAAAFes/Bd5TUVQrK-g/s1600/purple.png

http://2.bp.blogspot.com/-_5fcEd-raQE/T4TLeKFYpzI/AAAAAAAAFe0/0d3t2xPXpzM/s1600/blue.png

http://1.bp.blogspot.com/-DZ7APUzVPZ0/T4TLi35IaSI/AAAAAAAAFfQ/2oHr_s84JmA/s1600/green.png

http://1.bp.blogspot.com/-q_3tEzBQwAI/T4TLgfAW2VI/AAAAAAAAFe8/Rn-Eor5v3rQ/s1600/6.png

http://3.bp.blogspot.com/-E9cj72KGcYk/T4TLhOlAiRI/AAAAAAAAFfA/RzX1GRS11vo/s1600/blue.png

http://1.bp.blogspot.com/-6SR2zvyiZ0s/T4TLmZzEY5I/AAAAAAAAFfc/mS5mbzlt8fk/s1600/pink.png
5. Preview & save :)

14 comment [s]:

Atin Tory said...

haha atin lah tu yg tanye unnie >_<

Nurul Atiqah said...

@Atin Tory: Laa ye ke? haha. unnie dah lupa..sorry3 =.=

Izzul Labiqah said...

coe lagu tu yang mane eh? from you tube eh? contoh=
http://www.youtube.com/v/blablabla?

Nurul Atiqah said...

@Izzul Labiqah : Ermm not act..kamu ikut tuto ni http://nurulatiqahjaidin.blogspot.com/2011/11/tutorial-youtube-player-transparent.html then paste code utube player kt situ. :)

Nurfara Izati . said...

Menjadilah . Thank you :D hehehe

Park Hyun Ji said...

gunaa ye unnie (:

Nurul AtiQah said...

@Nurfara Izati : Hehe, welcome :)

@Park Hyun Ji : okay, saeng ^^

Najwa said...

thanks ;D hehe

KUKY.k.i.e.r.a. said...

yea yea.. XD
terima kasih.. :D

Ɩʓʓαн Ƨнʋκяι said...

Macam mane nak tukar ke kiri ek ?

blue station! said...

salam nk tnye sikit,background kotak tuu mcm mne?

We're Sister said...

unnie,saya nak re-tutuorial tutorial ni boleh? credit full utk unnie :)

Sitidotshahira said...

take one :)

SHafeezah said...

mcm mana nak tukar ke kiri ?