Assalamualaikum

Hello there~ So, today I'm gonna do tutorial Jquery Music Player for Blogskins. Apa itu Jquery Music Player? Try tengok blog Efa sekarang ni. Ada lagu kat atas header sebelah kiri tu kan. Haa itulah Jquery Music Player. Sebelum tu nak credit to Amalina Lee. So, leggo. We start it now.

1. Awak semua tekan Ctrl + F and cari code ni </style>
2. Dah jumpa? Okay, then copy code di bawah ini and paste kannya di atas </style>

.music {
padding:12px;
border-bottom-right-radius:5px;
background:#ffffff;
}
#ytube {
text-align: center;
position:fixed;
left:43px;
top:-55px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#ytube:hover {
top:-10px;
}
#pict {
height:35px;
background:#ffffff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 50px;
align:center;
}

3. Okay, dah? Belum siap lagi.  Ada lagi~ Awak semua search code ni pulak </body>
4. Dah jumpa? Awak semua copy code di bawah ini and paste kan di atas </body>

<div id="ytube">
<div class="music">
CODE MUSIC PLAYER
</div>
<div id="pict"><br /><img src="http://dl5.glitter-graphics.net/pub/220/220645u9r9sjvsfp.gif" /></div></div>

 5. Preview. Kalau menjadi korang save.

Note kaki:

Merah: Kalau awak semua nak tukar, boleh tukar. Kalau rasa macam taknak peningkan kepala, tak payah tukar pun takpe.
Hijau: Position music player tu. Ikut mana nak letaklah. left/right.
Perang: Background color. Nak pilih color tekan ini COLOR CHART

Ungu: Embed code Music Player tu. Kalau tak tahu, awak semua boleh tengok TUTORIAL ni.
Biru: URL image yang awak semua sukalah. Yang comel-comel tu kan. Hewhew~ Boleh cari kat GLITTER GRAPHICS ataupun disini POPPINSTUFFS

Kalau awak semua macam malas nak cari image yang comel-comel tu, saya akan bagi. Pilihlah mana yang awak semua suka okay.

http://media.tumblr.com/tumblr_lp8a5iystn1qcn2vb.gif

http://dl10.glitter-graphics.net/pub/332/332370nkwb35wegm.gif

http://dl9.glitter-graphics.net/pub/1400/1400069bzt04sqxwr.gif

http://dl7.glitter-graphics.net/pub/2068/2068537ogwos46ysg.gif

http://i122.photobucket.com/albums/o260/mhilka/minigifs/balaozinho39.gif

http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif

http://media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif

http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minisom.gif

http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif

http://media.tumblr.com/tumblr_lkqyvzRtyE1qi6qow.gif

Itu sahaja. Assalamualaikum...

Labels: Tutorial

?

Assalamualaikum

Hello there~ So, today I'm gonna do tutorial Jquery Music Player for Blogskins. Apa itu Jquery Music Player? Try tengok blog Efa sekarang ni. Ada lagu kat atas header sebelah kiri tu kan. Haa itulah Jquery Music Player. Sebelum tu nak credit to Amalina Lee. So, leggo. We start it now.

1. Awak semua tekan Ctrl + F and cari code ni </style>
2. Dah jumpa? Okay, then copy code di bawah ini and paste kannya di atas </style>

.music {
padding:12px;
border-bottom-right-radius:5px;
background:#ffffff;
}
#ytube {
text-align: center;
position:fixed;
left:43px;
top:-55px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#ytube:hover {
top:-10px;
}
#pict {
height:35px;
background:#ffffff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 50px;
align:center;
}

3. Okay, dah? Belum siap lagi.  Ada lagi~ Awak semua search code ni pulak </body>
4. Dah jumpa? Awak semua copy code di bawah ini and paste kan di atas </body>

<div id="ytube">
<div class="music">
CODE MUSIC PLAYER
</div>
<div id="pict"><br /><img src="http://dl5.glitter-graphics.net/pub/220/220645u9r9sjvsfp.gif" /></div></div>

 5. Preview. Kalau menjadi korang save.

Note kaki:

Merah: Kalau awak semua nak tukar, boleh tukar. Kalau rasa macam taknak peningkan kepala, tak payah tukar pun takpe.
Hijau: Position music player tu. Ikut mana nak letaklah. left/right.
Perang: Background color. Nak pilih color tekan ini COLOR CHART

Ungu: Embed code Music Player tu. Kalau tak tahu, awak semua boleh tengok TUTORIAL ni.
Biru: URL image yang awak semua sukalah. Yang comel-comel tu kan. Hewhew~ Boleh cari kat GLITTER GRAPHICS ataupun disini POPPINSTUFFS

Kalau awak semua macam malas nak cari image yang comel-comel tu, saya akan bagi. Pilihlah mana yang awak semua suka okay.

http://media.tumblr.com/tumblr_lp8a5iystn1qcn2vb.gif

http://dl10.glitter-graphics.net/pub/332/332370nkwb35wegm.gif

http://dl9.glitter-graphics.net/pub/1400/1400069bzt04sqxwr.gif

http://dl7.glitter-graphics.net/pub/2068/2068537ogwos46ysg.gif

http://i122.photobucket.com/albums/o260/mhilka/minigifs/balaozinho39.gif

http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif

http://media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif

http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minisom.gif

http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif

http://media.tumblr.com/tumblr_lkqyvzRtyE1qi6qow.gif

Itu sahaja. Assalamualaikum...

Labels: Tutorial

Biography

My name is Norerfa Nani. Call me Efa for short. I'm sixteen will turn to 17 next year and yes next year I become a spm victim. Born on May, 10th 1997 at Hospital Pusrawi, Kajang. I love cats, a lot and I have 5 cats in my house (actually I have a lot of cats, more than 10 something but half of it dead and missing) My cat just born 4 kittens in September, 2013 yeah I'm so happy.

Oh well I'm a beliebers (don't hate) Belieber since 2011. I love dressing-up, i love fashion that's why. I love shopping (I'm a girl ofcourse I love shopping) I have 5 siblings and I'm the youngest (the one and only girl in the siblings) I think I will stop here right now, will update it if I want to sooner or later idk haha chow

Tutorial for you...
Freebies for you...

TUTORIAL
Tutorial : Underline Hover
Tutorial : Type of border blockquote
Tutorial : Flash blockquote
Tutorial : Link hover
Tutorial : Header hover
Tutorial : Header Hover II
Tutorial : Body background
Tutorial : Buang border image
Tutorial : Cara ambil code lagu
Tutorial : Masukkan picture di post

Tutorial : Change highlight color
Tutorial : Disable right click without alert
Tutorial : Disable right click
Tutorial : tukar home,older and newer jadi icon/image
Tutorial : Cara Menggunakan Blogskins
Tutorial : Favicon *Blogskins
Tutorial : Dashboard & Follow Button *Blogskins
Tutorial : Youtube Player (Transparent) *Blogskins
Tutorial : Jquery Music Player *Blogskins

Tutorial : Facebook like page
Tutorial : Facebook share button
Tutorial : Facebook like button

Credits If You Copy My Work :) Thank you.

FREEBIES
Freebies : Small icon yang comel
Freebies : Picture for your header
Freebies : Background Part 1
Freebies : Cursor Mustache

Credits If You Copy My Work :) Thank you.