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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWTc8o9D1fet9RQqmCrN01T-_n8K-xTtcbuN-WYwQr5jFjMpIIprbQuKklowfXcVgdRuHyhiZv0BC3kY8Bd3J72gIJfY5RAj3eyUSCBJ4oq14jEsF5nGvw0vQKG2g1rTXg5gTqC2yFiQ/s1600/7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHihqt8DR-MWDcQUcQAMOxP-7KvroFKDO38H4HX4u2dkUj1VXpF9HmD92rLJwObgaYwmg0vdhZa044CfYHElGv4UM-QYTNpOZYTS4au5cz5AtbBZ9iV-jXXQnIYBsWFeuRt9rRjfzdQ/s1600/purple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaKZgfjr_I2n_dBC1W_fqs0JWEmV-A6hIjg7ycXN3Iue7pFE1jwOxlqkwPej_eim1eJswqxsc3WJeeT4BsBPDA1MFOzdM2dKsa0WhTB3yraZtCh-WW4vSEd88crNhpCaDBl-GcNu6nNQ/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGbzFjHA3KZLNOCjDM7ZNEJg3WIszsCgV_p8uwk2D42rmsFZnukU7aO0UznExuvYWSy3od-lTPhMGCK-hDFDa-8MUsWJc8Gh3qqQZFqqxGqaW1Bd0dyKnoSj0_O-3uD7CWj4DDWrfLlA/s1600/green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivNvvOsxfAit6252AZI2si4endTco5ZiJYFTeBG4dvIhXIwAKPoiTbq5kc_cNBcUdgEWGl2FwqRCkqMw3BTVWBMWHJkw25bERnQH8fSupXgla_DsvhOTa8rqkXuJVevTx26HZk_biUvA/s1600/6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQIvzkfw68USqbSxxsWZF-rsJo22HxJLHfbpGr_lRxuyK4T16Wyc0W5u8mRzoMDPaVz1THkOCRixvt-S-L2XKrH6aqGuqOe6VDPaelCLETktkAH_44vs9laKigP9Klw6Sxj4yoxytEqg/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNN4-X5DceSGj0igS9CtMpTREEKY8UmgT3cA7Cw7J0uw2rAKd0IdoSdJ4LhkxsjHBt9G2-JxiirWthOjkXEiXf-OPa51oPnd9YDjyAZ09YhZjEz_6KZYkbrzndaIuWqaDWmKq_3XwYw/s1600/pink.png
5. Preview & save :)

14 comment [s]:

Atin Tory said...

haha atin lah tu yg tanye unnie >_<

atiqahjaidin said...

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

Unknown said...

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

atiqahjaidin 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. :)

farafauzi said...

Menjadilah . Thank you :D hehehe

idynaa said...

gunaa ye unnie (:

atiqahjaidin said...

@Nurfara Izati : Hehe, welcome :)

@Park Hyun Ji : okay, saeng ^^

Najwa said...

thanks ;D hehe

virus.kiera said...

yea yea.. XD
terima kasih.. :D

- said...

Macam mane nak tukar ke kiri ek ?

psycho. said...

salam nk tnye sikit,background kotak tuu mcm mne?

Fathin Natasha said...

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

Sitidotshahira said...

take one :)

SHaeezah said...

mcm mana nak tukar ke kiri ?