« »
[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. Yana Cheya. With little help from my old skins. For icons, I used Canva. Color got from HTML color code. Font from Dafont and Google Web Font. Kindly inform me if I'm using your materials but i don't mention here. (c) Copyright by Yana Cheya. All right reserved 2012 (c)