Header Hover II

Amy Munirah | Friday, November 11, 2011 | 1Comments |
Assalamualaikum readers and bloggers. Dah lama rasanye amy tak buat tutorial, rindu ! :D. Tutorial ni dah banyak orang buat,tapi apa salahnya tutorial nih untuk blogger-blogger baru yang baru BERKECIMPUNG dalam dunia blog ni kan. Header hover yang ni pulak kalau kite sentuh cursor dekat header,header akan bergerak ke kanan atau ke kiri. Sebelum kite mulekan tutorial ni,korang tekan SINI dulu.

SEBELUM

SELEPAS




1) Dashboard->Design->Edit HTML->Tick expand widget(penting)
2) Tekan CTRL+F dan cari code ini:
h1.title {
ataupun
/* Header
 3) Dah jumpa? Good-good:). Then,copy code ini:
#header:hover {padding-right: 50px;-webkit-transition-duration: 0.5s;}
4) Kalau jumpa code h1.title { ,korang paste code di atas ni dekat ATAS code yang korang cari tu.
5) Kalau jumpa code /* Header , korang paste dekat BAWAH code yang korang cari tu . Paham tak ea ?:D
6) Preview dulu,baru save ye.


NOTA KAKI:

  1. Biru-sama ada right ataupun left.
  2. Merah-Boleh tukar 20,30,40....
  3. Kuning-Lagi besar angka tu,lagi lambat header bergerak,so kalau nak lambat boleh lah tukar 2,3....

Thank you for reading