dina's storylineʕ•ᴥ•ʔ: Header Hover

#FANFIksi Refresh Author Stuff buddies

Header Hover

LIVE PREVIEW;(SOROT CURSOR DI BAGIAN HEADERNYA SAJA)



Nah sudah tau kan apa itu header hover? anggap aja gambar diatas tu adalah gambaran blog aku.saat di sorot cursornya akan menjadi berubahkan headernya? mau lets go!


CLASSIC TEMPLATE

1 . Dashboard > Design > Edit html > Click Expand Widgets

2. Cari code ini :
#header {

3. copy code ni :
#header:hover {
background: url(URL IMAGE)
}

4. paste dan akan menjadi kayak gini :

Click image untuk pembesaran

ABC- url image hover header . ukuran sesuai dgn header kalian ya .

SIMPLE TEMPLATE

1 . Dashboard > Design > Edit html > Click Expand Widgets

2. cari code ni :
/* Header

3. copy code ni & paste macam yang tutorial untuk classic .
.header:hover {
background: url(URL IMAGE)
}

ABC - url image header . ukuran sesuai dgn header kalian ya .
4. save
URL IMAGE HOVER DISINI FREEBIESNYA
kalau mau ambil satu ;)
http://dl6.glitter-graphics.net/pub/814/814656vwca6ek7p6.gif
http://dl6.glitter-graphics.net/pub/814/814656vwca6ek7p6.gif

http://dl10.glitter-graphics.net/pub/124/124750rx6sc1mkfz.gif
http://dl10.glitter-graphics.net/pub/124/124750rx6sc1mkfz.gif

http://dl2.glitter-graphics.net/pub/702/702442jd36r8s7ma.gif
http://dl2.glitter-graphics.net/pub/702/702442jd36r8s7ma.gif

http://dl9.glitter-graphics.net/pub/2231/2231939mkrmjjcimx.gif
http://dl9.glitter-graphics.net/pub/2231/2231939mkrmjjcimx.gif
http://dl6.glitter-graphics.net/pub/2116/2116076lx76nmttn6.gif
http://dl6.glitter-graphics.net/pub/2116/2116076lx76nmttn6.gif
http://dl8.glitter-graphics.net/pub/1484/1484248avdo5gytjd.gif
http://dl8.glitter-graphics.net/pub/1484/1484248avdo5gytjd.gif




http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif


http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif




http://1.bp.blogspot.com/-bkcjbbxL_yM/T3u2sH2FN1I/AAAAAAAAAHI/1ubh2SkgpUY/s1600/590966tdltan40f8.gif




http://2.bp.blogspot.com/-7Ov5TEEo1V4/T3u3GxBX6aI/AAAAAAAAAHY/mvgjOtmZ_dw/s1600/590941r351ykwhz6.gif
http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1
http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1

Tidak ada komentar: