Sayuri HaNa

3 LoVeR | 07/09/2011

Bismillahirahmannirahim..
Assalamualaikum w.b.t
Dear BeloG,

Alamak tetiba hari ini ada pertanyaan dr sahabat blogger SH lah :)
Cik Aisyah , SH pun belajar dari orang buat benda ni..
Tapi , Insyaallah SH tolong apa yang SH paham :)

Benda yang Cik Aisyah tanya ni adalah :

Kotak untuk header di luar entry ..
Nak buat ni pun banyak main ngan nombor dy..
Agak jiwa kacau jugalah SH nak men'center' kan benda alah ini...

Step 1 :

Dashboard >> Design >> Edit HTML

Step 2 :

Find code h2.date-header {

Step 3 :

Copy and paste code kat bawah ni di bawah h2.date-header {

height:40px;
margin:-20px -20px -500px -180px;
padding: 45px 300px 105px 35px;
background: url(URL DATE HEADER ANDA) no-repeat;position:absolute !important; position:relative; float:right;text-align:;font-family: MuchaFrenchCapitals; color: #000000;}

Maka ia akan jadi begini :

h2.date-header {
height:40px;
margin:-20px -20px -500px -180px;
padding: 45px 300px 105px 35px;
background: url(URL DATE HEADER ANDA) no-repeat;
position:absolute !important; position:relative; float:right;
text-align:;
font-family: MuchaFrenchCapitals; color: #000000;
}

Step 4 :

Edit coding untuk kesesuaian blog anda
Biru - Letaklah url gambar date header yang korang ada !
Merah - Pandai2 korang edit untuk kedudukan gambar date header korang
Purple - Edit untuk kedudukan date korang
Orange - Kedudukan date header korang !

Notes** coding merah dan unggu ni biasanya SH hanya ubah yang itu... tak tahu kalau korang kena ubah yang lain gak..Pandai2lah bermain dengan nombor tuh :)

Step 5:

Preview & save

Kalau nak buat sendiri Header date korang pun boleh.. SH buat dengan 181x96 yerk..ikut suka hati korang lah...

Thanks with Love to: Cik Kemetot Chomel
EpiloG Dunia SaYuRi.

Labels: Tutorial

<< OLDER

NEWER >>