« »
[Tutorial] Header Hover Like Me
November 2, 2011 | 10:33 AM
6 chingu[s]




This tuto request from shi_a. Korang try letak cursor kat header yana. Hilangkan? Heee. Magic tak? Magic tak? XD So, meh sini yana nak ajar macam mana nak buat ^_^

1. Dashboard > Template > Edit HTML

2. Ctrl + F, search for this code : 
#header {

Kat bawah dia ada anak2 dia kan? Tapi lastly dia ada penutup dia simbol } kan?

3. Jumpa? Copy this code and paste BAWAH atau BELOW \bahasa omputihnya/ code } tadi.
#header:hover {
padding-left:160px;
-webkit-transition: .4s;
opacity:.01;
}

#yang merah tu korang boleh ubah ikut suka korang macam mana. Save! Hikhok. Tu je. Kboiii :D

##untuk pengguna blogskin :

1. Kalau korang punya header menggunakan code nie :
<center><img src="URL HEADER" /></center>

Korang tukar code tu dengan code nie :
<center><img class="header" src="URL HEADER" /></center>

2. Then, korang Ctrl + F, search for this code :
<style type="text/css">

3. Pastekan code nie, kat BAWAH code <style type="text/css"> tu :
.header {
text-align: center;
-webkit-transition: 1s;
opacity:100;
}
.header:hover {
padding-left:160px;
-webkit-transition: .4s;
opacity:.01;
}

#yang purple tu letak image header korang.
#yang merah boleh uabh ikut suka korang. Then save template. Siap!^^

Lots of Love
Yana♥

Labels: , , , , ,



6 Comments

Blogger Shada . said...

Hee , Thanks Akak ! Thanks sangad-2 ! :)

 
Blogger Chimi ♥ said...

hee. welcome^^

 
Anonymous Anonymous said...

Thanks Akak ! Menjadi ! >,<

 
Blogger Zam Harirah said...

wee~ dah jadi, thanks :>

 
Blogger Dina Ilyana said...

yey..thnx akak..akhirnye jd gak.. tqvm kay.. :D

 
Blogger Chimi ♥ said...

Most welcome all ^_^

 

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)