[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♥