Header Hover

Halo, Assalamu 'alaikum! :)

Ninda here, guys! *kayak-apa-aja-lu
Hehehe, maaf aku membuka posting hari ini dengan gaya alay. Hehehe. ._.V
Kali ini aku mau bahas tentang header hover.
Nggak tau? Sama. #dikeroyok
Gimana ya jelasin header hover itu? Hmmm .... Mending kalian coba dulu deh tutor ini! Kalo nggak berhasil, ya ... udah. #kembali-dikeroyok

Oh iya! Aku baru inget apa itu header hover!!! *jrengjrengjreng
Gini lho. Kalau kita sentuh *bukan-pegang-layar-laptop!!!* header blog kita, akan keluar gambar lain. Gambar apakah itu?
Ya, terserah kita mau gambar apa!
#stop-basa-basi
Gini caranya.
Masuk ke dashboard, pilih template, klik edit html, klik lanjutkan, centang expand template widget, lalu tekan ctrl+f dan cari kode ini.

/*Header

Terus copy paste kode ini di bawah kode header tadi.

#header:hover{
-webkit-transition-duration: 1s;background-image:url(URL GAMBAR KAMu);}

Pratinjau dulu, kalau berhasil baru save.

Note Block:
URL GAMBAR itu pakai dengan URL kamu sendiri. Maksudnya gambar yang akan keluar kalau kursor menyentuh header itu.

Gimana? Ngerti kan? Moga ngerti ya ;)
Oke, sekian, terima kasih, dan sampai jumpa.

Sumber

Dialihbahasakan oleh Ninda


#Ninda

Wassalamu 'alaikum .... :)