« »
[Tutorial] Hidden YouTube Player
December 31, 2011 | 2:01 AM
1 chingu[s]






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♥

Labels: , , ,



1 Comments

Anonymous Anonymous said...

nk tanye leh?
cam maner nk pasang kalau untuk DENIM TAMPLATE?
Pasal pikah baru tukar ke denim nk tukar ker blogskin sayang pulak :'(
Buat ann tuto please!

 

Post a Comment

No harsh word here please. Thanks for the comments :)



|


Disclaimer



This blog belongs to me and me only. All items made by me unless stated in credit section below. No ripping, spamming and copying w/o my permission. Respect me and I'll respect you. Thank you :)






Credits


This template 100% made by me. Akira Himesama. With little help from my old skins and Dinamic Drive. For header and background, I used Photoshop CS5. Color got from HTML color code. Font from Dafont and Google Web Font. Gifs picture made by me and some taken from Tumblr. Other image get from We♥It, Google and Tumblr. Kindly inform me if I'm using your materials but i don't mention here. (c) Copyright by Akira Himesama. All right reserved 2012 (c)