NOTIS

Mahu iklankan perniagaan anda.. meh klik SINI

Habibah Yahya's Facebook profile Create Your Badge

Disclaimer : Semua penulisan perkongsian disini adalah hakmilik terpelihara Keluarga Ibu3A, sila mohon izin sekiranya ingin copy paste dan kreditkan link ke blog ini. Penulisan yang diambil dlm bentuk copypaste untuk tujuan perkongsian akan saya sebut sumbernya. Ketahui hak anda sebagai penulis blog.

Isnin, Februari 13, 2012

Home » , , » Cara untuk 'center' kan header blog

Cara untuk 'center' kan header blog




Salam bahagia,


nota :
sebenarnya agak kerap juga kawan-kawan blog yang bertanya cara nak 'center' kan header blog. Selalunya saya akan amik masa juga nak terangkan kepada kawan-kawan (selalunya melalui medium chat di FB).. jadi saya fikir ada baiknya saya kongsikan sahaja di blog. Jadi, di masa depan, saya cuma perlu beri link n3 ini sahaja.. tak perlu nak buka balik nota saya dalam lappy.


Untuk jadikan header blog berada di tengah-tengah @ center, kita perlu masukkan kod header ke dalam template.


Sebelum masukkan kod :


1. Remove dahulu header yang sedia ada

klik pada 'remove image' dan 'save'

2. Upload image header yang hendak digunakan dan dapatkan image url/link image. Saya biasa upload ke picasa album sahaja.


upload gambar, kemudian right-klik dan 'copy image url'



Langkah untuk masukkan kod

1. log-in ke draft.blogger.com , klik menu "Template", klik "Edit html"

2. Tekan Ctrl F, dan cari kod  /* Header  , 

3. Kemudian masukkan kod dibawah


#header {
height: 240px;
border:0px solid ;
text-align: center;
background: url(https://lh3.googleusercontent.com/-7fw8jVYr4hI/TgnRHv9_fuI/AAAAAAAAO5s/kIUBrWpYDzM/header-ky72-jun2011-900px.png) no-repeat center;
}


bahagian yang berwarna merah dan saya strike tu.. sila tukorkan dengan url image header kome yer..

NOta :
height : 240px - tinggi header ni boleh ditukar ikut saiz tinggi header kome
no-repeat - supaya header tidak jadi berganda
center - supaya header berada di tengah-tengah blog



Bila dah siap, preview dulu.. incase ade error ke apa.. kalo takde error, tekan "save template". done.


Sekian. Selamat mencuba.


salam kasih sayang,
.


Anda tahu LMFAO tu apa? Terima kasih sudi membaca entri ini. Alang-alang dah baca, komen lah yer.. nanti senang kakyong nak balas jejak. Jangan serik singgah sini lagi.

Amira Studio
13 Comments
Comments

13 comments

13 Feb 2012, 10:16:00 PG

terima kasih kakyong, berkongsi ilmu.

13 Feb 2012, 10:42:00 PG

hanie pun slalu letak banner header kat HTML coding ...

13 Feb 2012, 3:44:00 PTG

pandai la akak ni. aida ni memang kurang ada masa nak edit blog. tu pun dpt present menang GA. tu yg lawa skit la blog tu :)

nota kaki : da singgah blog aida lom ari ni? ~ AIDA'S HOME SWEET HOME ~

13 Feb 2012, 8:45:00 PTG

ita takde header...
tapi bagus jugak kan kak...
leh jugak ilmu...

13 Feb 2012, 10:37:00 PTG

selalunya buat header adjust saiznya.kehkeh..

13 Feb 2012, 11:01:00 PTG

oooo..gitu...patut la hr tu kak yong suh saya centrekan header..saya nganga..jenuh ejas dibuatnya...hahaa

13 Feb 2012, 11:52:00 PTG

suka guna html coding compare ngan upload tu coz nanti susah nak adjust..

14 Feb 2012, 10:38:00 PG

TQ kakyong syer..

Tp macam kat lappy myra bahagian right click takdak pun 'copy image URL' yg ada copy image je ;)

14 Feb 2012, 1:26:00 PTG

Gitu ghopenye, baghu le mike tahu. Teghime kasih la ye. :-)

14 Feb 2012, 6:02:00 PTG

cantik ar header kakyong

17 Feb 2012, 12:05:00 PTG

izan dah lama tak godek2 blg kakyong...lagi2lah header tu.

mekasih atas entry ni. ada masa boleh cuba.

4 Sep 2012, 2:09:00 PTG

salam kak yong..info yg berguna.. puas Aya carik macam mana caranya nak centerkan header blog..akhirnya jumpa..kalau Aya nak copy entry ni boleh? nak post kat blog and untuk simpanan di masa depan..nanti Aya tak perlu nak carik lagi..=)

12 Jan 2013, 8:21:00 PTG

macam2 tutorial dah jumpe..tp yg ni jer yg jadix..thanks!!!

Catat Ulasan