Wednesday 28 November 2012

tuto : centerkan header

*salam*

Hi! for the first time in my life to make a tutorial.HAHA. I'm not a specialist in designing or editing but still, I wanna share this knowledge and it is for my own usage in future.sayang kan kalau suatu hari nanti saya terlupa.At least kalau tak ingat nanti boleh refer kat sini.sebenarnya kan dah lama sangat saya nak centre-kan header tanpa guna washed denim template or other template.Hari nih baru jumpa caranya. Saya guna template yang disediakan oleh Blogspot je which is :
PICTURE WINDOW
kalau selain picture window template, tak sure lah boleh pakai ke tak tuto nih, but try je lah ea.

okay lets start with the first step.
Upload dulu image untuk dijadikan header.
then
Dashboard --> template --> edit HTML
lepas tu, cari kod ni

.Header img, .Header #header-inner {

dah jumpa ?
macam yang kat bawah ni ??

bawah yang warna biru tu, tambah code yang kat bawah ni :

  margin-$startSide: auto;
  margin-$endSide: auto;


biar jadi macam ni, 
see the pink one ?

k last sekali, preview lahh . kalau jadi save .
senang kan ?
 bye2 for now !

credit to : kak lyssa

No comments:

Post a Comment

i will reply later . thankyou . ^^