Tutorial : Header Hover Ketepi & Hilang (Blogskin)

Tumblr_lxsjchqrym1qgby90o1_500_large

Assalamualaikum and annyeonghaseyo. Hai korang, korang dan korang. Mesti tengah sibuk buat persiapan raya kan? Amboi meriahnya. Hehe. Okay lah tuto untuk kali ni direquest oleh Niss. Dia tanya macam mana nak buat header hover ketepi dan terus menghilangkan diri. LOL. Orait! Jom ikut step ni.

1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </style>
3. Kemudian, cari code bahagian header korang. For example
<center><img src="URL HEADER" /></center> 
4. If code header korang macam tu, gantikan code tu dgn code yang ini
<center><img class="header" src="URL HEADER" /></center>
5. Next, tekan Ctrl + f dan cari code <style type="text/css">
6. Then copy code dkt bawah ni
.header:hover{
padding-left: 65px;
filter: alpha(opacity=0);
opacity: .0;
-webkit-transition-duration: 1.0s;
}
7. Paste di bawah code tadi
8. Preview & save

hijau : URL header korang

4 comment [s]:

Nina Haron said...

Kenapa tak jadi ahh ? :/

Nurul AtiQah said...

@Nina Haron : mybe ada termiss mana2 code kot :O

Nureen Kaifli said...

terima kasih .. menjadi ;)

Marha Amni said...

Thankss banyak banyak .