d i a r i a n a k m a m i
Heyyo -ups- Looking for what?:)


Cara Membuat Hide Music Player Box
Saturday, January 26, 2013 1:17 AM 10 balloon[s]


Oh, Haiii....!!!
   Dear G-Florieses,
   Say Hello HERE!!!
   Hai : DDD Yumi mau kasih tutors “Cara Membuat Hide Music Player Box”. Ini tutors request dari Evania : ). Coz, Evania wajib comment, ya : D
   Nah, aku bikin tutorsnya 2 versi, buat Classic Template (Blogskins, dll.) sama buat All blogger. Karena Evania pake-nya All Blogger, jadi aku mau tulis yang All blogger dulu : ). Buat yang belum tau “Hide Music Player Box”, bisa lihat preview-nya *Click image for see the full size* :


   Okay, Cekidot to the Tutorial~
   Hide Music Player Box for All Blogger

  •  Pergi ke Dashboard >> Design >> Edit HTML >> *Tick* Expand widget template
  •  Cari kode berikut
    ]]></b:skin>
  •  Copy kode dibawah ini, kemudian paste diatas kode tadi :

#music {
border-radius: 8px;
margin-bottom: 8px;
width: 210px;
text-align: center;
font-size: 10px;
background: #fff;
border: 1px solid #eee;
}
#here {
position:fixed;
left: 20px;
top:-80px;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#here:hover {
top:8px;
}
  •  Kemudian Save
  •  Pergi ke Dashboard >> Tata Letak >> Add Gadget >> HTML/JavaScript.
  •  Paste kode berikut, Lalu simpan : )


</style>
<div id="here">
<div id="music">
<div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; "><br>
<center>"
YOUR URL MP3" <center>
<br></object>
</div></div>
<img src="
YOUR URL IMG"/></div>

Hide Music Player for Classic Template (Blogskins, etc.)

  •  Pergi ke Dashboard >> Template
  •  Cari kode </style> dengan menggunakan CTRL + F
  •  Udah ketemu? Good… Paste kode berikut di atas kode </style> :


#music {
border-radius: 8px;
margin-bottom: 8px;
width: 210px;
text-align: center;
font-size: 10px;
background: #fff;
border: 1px solid #eee;
}
#here {
position:fixed;
left: 20px;
top:-80px;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#here:hover {
top:8px;
}
  
  •  Kemudian Paste Kode ini juga, dibawah Kode </style> :


</style>
<div id="here">
<div id="music">
<div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; "><br>
<center>"URL MP3" <center>
<br></object>
</div></div>
<img src="URL IMG"/></div>


  •  Lalu Save!!!

Ket Code :
- Your URL MP3 = Isi dengan kode MP3 kamu.
- Your URL Image = Isi dengan kode gambarmu.

   Karena Yumi pake-nya tutorial blogskins, jadi nggak tau cara ini manjur apa enggak buat all blogger. So, Maaf, ya, kalo ternyata nggak bisa : ( Tapi buat Classic template, udah terbukti, kok! Nyatanya aku juga bisa ^_^. Maaf, ya : (
   Kalo ada kesalahan bilang, di komentar, ya. Nanti biar Yumi edit kode-nya. Oh, iya. Untuk tutorial yg blogskins itu credit ke Kak Tieqa : )

Khansahamnida ^ ^

Labels: ,



10 Comments:

Blogger Evania Nayuka said...

Aku kokk nggak bisa? aku masih susah cara nyari URL Mp3 nya

January 26, 2013 at 7:50 PM  
Blogger Ѧαιℓα Ғαιиαиιтα said...

Kodenya ada yang salah!!! Tapi barusan aku udah edit :)

January 27, 2013 at 12:40 AM  
Blogger Nadhira Kawaii~ (〃^∇^)ノ said...

kok nggak bisa, ya?

January 30, 2013 at 12:48 AM  
Blogger Ѧαιℓα Ғαιиαиιтα said...

Kamu pake yang All blogger ato Classic template *Blogskins, etc. ? Kalo kamu, sih, harus pake yang blogskins ver. Kalo enggak ya nggak bisa = ="

January 30, 2013 at 4:19 AM  
Blogger Zettira Geraldine said...

Maila,kaga bisa di klik kanan --"

February 23, 2013 at 6:10 AM  
Blogger Ѧαιℓα Ғαιиαиιтα said...

Hadeuh, Tira... pake CTRL+C, dong!

March 12, 2013 at 2:29 AM  
Blogger Mazaya Denta said...

@maila : cara taunya URL mp3 kita gmn?

June 14, 2013 at 9:03 PM  
Blogger Mazaya Denta said...

aku nggak bisaa... nggak berhasill.. :'(

June 14, 2013 at 9:10 PM  
Blogger Ѧαιℓα Ғαιиαиιтα said...

@Mazaya : URL MP3-nya cari di google, dong :3

June 15, 2013 at 1:31 AM  
Blogger Mazaya Denta said...

@maila : thanks infonyaa..

June 19, 2013 at 5:32 AM  

Post a Comment

*Kalian udah baca post Yumi. (ɔ ˘⌣˘)~♡
*Kalo udah masuk sini, kewajibannya komentar (‾^‾)b
*Jangan jadi tukang baca entri gratisan, yo!
*Yok komen, Ape aje dahh! \(´▽`)/



LonelyGirl ?
Welcome to my blog!







SORRY I'M ON LONG HIATUS. BECAUSE I HAVE TO GO BACK TO THE DORM AND START SCHOOL AGAIN. FIXED CONTACT ME, BECAUSE ANYTIME I CAN REPLY ;))



Secret Navi
Click and hover me! :DD

About Stuff
F.A.Q Affies

Followers
Ask.fm
Credits
Best viewed in Google Chrome.
© All Right Reserved 2014.


Tagboard
Leave your sweet words



Memories ★
Like a Time Capsule