Saturday, December 31, 2011

[Tutorial] Hidden YouTube Player







Morning! Alhamdulillah masih diberi kesempatan untuk beribadah lagi hari ini. Well, hari nie dah 31/12/2011. The last day for this year. Macam2 yang dah jadi tahun nie. Suka duka semua ada. Tapi alhamdulillah, semua tu jadikan yana untuk jadi seorang yang tabah dan kuat. InsyaAllah :)

Anyway, tuto nie request dari Scha. Sory dear, lambat buat tuto nie :/ #Amaran keras! This tuto is only for blogskin users. So, let's begin! :3

1. Blogger.com > Dashboard > Template

2. Ctrl + F, search for this code :

</style>



update : for denim template or other template from blogger.com, cari code nie : ]]></b:skin>

3. Copy code kat bawah nie, then paste SEBELUM code tadi tu :

.music {



padding:15px;
border-bottom-right-radius:10px;
background:white;
}
#ytube {
text-align: center;
position:fixed;
left:10px;
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:#fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 50px;
align:center;
}




#yang biru tu boleh diubah mengikut keselesaan dan kesesuaian masing-masing. Mwehehe :3

4. Then cari code </body> dan paste code bawah nie SEBELUM code </body>

<div id="ytube">


<div class="music">
PASTE YOUTUBE EMBED CODE HERE
</div>
<div id="pict"><br><img src="IMG URL"></div>




update : Paste code step nie dalam HTML/JavaScript box.

#Yang merah tu boleh letak image yang comel2. Macam yana letak kat atas tu. Boleh ke SINI untuk image yang omeyy :D or copy je url kat bawah nie kalau nak senang ^_^

http://dl4.glitter-graphics.net/pub/994/994264zaow639gzm.gif

http://dl2.glitter-graphics.net/pub/122/122842r9l2jjtjaf.gif

http://dl5.glitter-graphics.net/pub/220/220645u9r9sjvsfp.gif

http://dl6.glitter-graphics.net/pub/137/137456a7yi159cti.gif

5. Save! Dah siap :D

Kalau tak paham pape tanya la. Thanks for coming. Assalamualaikum^^

Lots of Love,
Yana♥

No comments:

Post a Comment

Thanks for comment. Come again! ^_^