TUTORIAL :: Menambahkan Music Player di blog yang cantik

Assalamu'alaikum,
Kali ini gw mau share tutorial music player seperti di blog gw ini (liat kiri atas). Tutorial ini gw persembahin buat kk winda wijayanti and buat lu pada yang mau pasang mp3 d blog tapi yang gak nambah ruang widget di side kiri or kanan blog lu pada. 

Nih music player yang gw maksud 

sebelum kursor di arahin ke icon music

setelah kursor di arahin ke icn music maka akan tampil music players

Di sekarang simak yah step by stepnya ^^.....

[1] Log in blog kamu
[2] Buka template  > edit HTML > proceed > centang Expand Widget Templates
[3] CTRL + F untuk mempermudah pencarian code berikut ini ]]></b:skin>
[4] Copy code dibawah ini di ATAS code ]]></b:skin>

.music {
padding:12px;
border-bottom-right-radius:5px;
background:#ffffff;
}
#ytube {
text-align: center;
position:fixed;
left:180px;
top:-100px;
-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;
}

[5] Priview and Save

Step berikutnya....

[6] buka Layout > Add a Gadget > HTML / JavaScript
[7] Copy paste code dibawah ini di gadget tersebut

<div id="ytube">
<div class="music">
CODE MUSIC PLAYER</div>
<div id="pict"><br /><img src="ICON MUSIC PLAYER" /></div></div>

[8] Simpan, lalu lihat blog kamu. Semoga berhasil ^^

NOTES, bisa di ganti  di blog kamu !!!
Merah  : Bisa kamu ganti dengan sesuai blog kamu, karna ini ukuran blog gw :D
Biru     : Posisi music player, left or right
Hijau    : Backround music player
Ungu    : Code music player, kamu bisa cari disini 
Orange : Icon music player kamu, bisa cari disini

5 comments:

Obat Alami Untuk Penyakit Ginjal said...

Wah artikel nya sangat bagus sekali gan.. Salam kenal dari new bie ya.. Jangan lupa berkunjung

Winda Wijayanti said...

Makasi rere wiihh keren bgt, sip kk coba :D

Raihana said...

@Obat Alami Untuk Penyakit Ginjal makasi gan :) salam kenal juja, keep blogwalking yah ^^

Raihana said...

@Winda Wijayanti ma amah kkak :)) semoga sukses yah :D

Anonymous said...

The best electronica ringtones in 2017
Hi everyone!
Does your phone have good and attractive ringtones? Today I will share with you the best electronica ringtones in 2017. You can refer and see more instructions to download ringtones for your phone.

Synthesize the best ringtone of 2017:
-Guitar 2012 ringtone
-sao em lo voi lay chong ringtone
-Party Shaker Chorus ringtones
-Water ringtone
-Girl You Are My Love

There are also many other ringtones, you can see more at the homepage: https://bestringtonesfree.net/
All ringtones are downloaded for free. Hope some of our updates can bring a whole new look to the ringtone market worldwide.