Sunday, 13 May 2012

Slide Music Macam Saya+Freebies

Assalammualaikum .
Sebelum tu, Anis nak ucapkan Selamat Hari Ibu kepada para ibu2 !
Hehe, kay, nampak tak saya punya music tu die lepas hover ke bawah .. ade kan ..
Memandangkan Youtube dah membuat masalah, sebab yang Anis guna dulu tu dah warna hitam, Anis try yang lain pon jadi hitam balik, jadi, Anis buat experiment ini & jadi .. Alhamdulillah
Sebenarnya, kode itu Anis dapat di blogskin Forever Young by Qistina & Anis tweak kan kode dia tu sikit 
Anis baru try kat template Denim, tak tahu lah template lain boleh ke tak ;)

Nak buat ? Jom tutorial~!

Template Denim/Simple/Template Designer

Pergi ke Edit HTML, cari kode a:visited {
Bawah  a:visited { tu ada anak2 dia kan, contoh macam Anis punya
a:visited {
text-decoration:none; 
  color: #87cefa;
}


Bawah kode yang berwarna merah tu, pastekan kode bawah ini

#music {
position:fixed;
left: 20px;
top:-70px;
text-align: center;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
z-index:999;
}
#music:hover {
top:8px;
}
Save je . Opps, belum habis lagi, sekarang, pergi ke Layout & Add Gadget, Html/Java Script 
Copy kode di bawah & paste dalam Html/Java Script tadi kay :)

<div id="music"> 
<div style="border:1px solid #eee; width:210px; background:#fff;height:65px;overflow:auto; ">
<center>Ayat Korang<br /> <br />
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="210" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#ffffff" />
    <param name="FlashVars" value="mp3= http://irondj.net/mix/file/16331/yuna_-_terukir_di_bintang.mp3&amp;autoplay=1&amp;bgcolor=fcfcfc&amp;loadingcolor=a3a3a3&amp;buttoncolor=afeeee&amp;slidercolor=afeeee" />
</object></center></div><div><br />
<img src="URL gambar korang"/></div></div>
Pstt >>  Ayat Korang : Tukar lah dengan ayat korang
Hijau tu tukar dengan kode colour korang cari di sini . Merah tu tukar dengan kode lagu korang, tak tahu nak cari kat mane ? tengok entry ini kay :)
Biru tu Url Gambar Korang, nah Anis bagi .. maaf kalau buruk . huhu

Right click, & copy image URL atau bagi Mozilla copy Image Location
#Anis tak reti nak pilih warna :p .. haha.. amik cakap tau :D
Assalammualaikum .

No comments: