Monday, 1 May 2017

Floating Music Box

Alhamdulillah fuhh! After 2 years tinggal dunia blogging, finally Im back!*acah femes hahaha! okay  em em so in my first entry in 2017, apa kata aten share tuto sikit? aten share cara buat floating music box yg mcm kat blog aten ni ya? sebenarnya coding dia senang but nak ambil link dr youtube bagi hilang vid tu susah sikit, aten pun try and error ja, nasib jadi hee! okay, lets get started! 


1. Mula-mula macam biasa pegi dashboard, tekan layout pastu add a gadget

2. Then, copy coding dekat bawah ni sampai habis tau!

<style>
@font-face {
font-family: "Bookman Old Style";
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
#line{position:fixed;
left:80px;
top:0px;
border-left:10px solid #D698F2;
border-right:10px solid #D698F2;
width:73px;
height:40px;}
.statioo {
border:1px solid #D698F2;
font-family: Bookman Old Style;
font-size:12px;
letter-spacing:1px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;color:#000000;
width:160px;
margin-left:-50px;
margin-top:40px;
text-align:center;
padding:5px;background: #FFF;}
#notii {
border:1px solid #D698F2;
width:160px;
font-family: Bookman Old Style;
font-size:12px;margin-top:10px;
margin-left:-50px;
padding:5px;
height:%0px;
text-align:left;
background:#FFF;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
</style>
<div id="line">
<div class="statioo">
<span style="font-style:italic;"><object height="25" width="150"><param name="movie" value="https://www.youtube.com/v/AnBQXaC1ulQ?
version=2&amp;autoplay=1&amp;hl=en_US&amp;color1=ffffff&amp;amp;color2=ffffff " /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="https://www.youtube.com/v/AnBQXaC1ulQ?version=2&autoplay=1&hl=en_US&amp;color1=ffffff&amp;amp;color2=ffffff "" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="150" height="25"></embed></object></span></div></div>


yang warna merah tukar warna, boleh cari SINI

 

3. Try tekan save, ada jadi tak?


4. Kalau jadi bagus! Jom kita tukar lagu pulak.

5. Pegi dekat youtube pastu cari lagu yang kita nak




6.  Link betul macam nii kan? --> https://www.youtube.com/watch?v=nsp7NODvtGY 

okay kita kena tukar bagi jadi macamni --> https://www.youtube.com/v/nsp7NODvtGY?

 

yang warna oren kena delete tau


yang tanda soal warna pink kena tambah sendiri


7. Save sekali lagi, jadi tak lagu yang korang nak tu? Kalau jadi, yeayy! :)


8. Kalau ada apa apa nak tanya, tanya dekat chatbox okay? nanti aten tolong :)