Assalamualaikum....kabare ......

SELAMAT DATANG KE LAMAN BLOG CIKGU ANAIZ

Saturday, August 22, 2009

Membuat 3 Kolum Pada Blog

Kepada sahabat Kulaanmari, ini mungkin boleh membantu anda.

Sign in pada blogger.

# Klik menu Layout

# Klik menu Edit HTML


Cari kod seperti di bawah ini :

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

gantikan nilai 660px dengan 950 px seperti contoh di bawah.

#header-wrapper {
width:950px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
--------------------------------------------------------------------------------------------

Cari kod seperti di bawah ini :

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

ganti nilai 660px menjadi 950px, sehingga kodnya menjadi seperti ini :

#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
--------------------------------------------------------------------------------------------

cari kod seperti di bawah ini :

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


Copy kod di bawah ini dan paste kan dibawah kod di atas :

#sidebarbaru-wrapper {
width: 200px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}
--------------------------------------------------------------------------------------------

Cari kod seperti di bawah ini :

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Ganti nilai 660px menjadi 950 px, sehingga kodnya akan seperti ini :

#footer {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
-------------------------------------------------------------------------------------------

Cari kod seperti di bawah ini :




Copy kod di bawah ini dan paste kan dibawah kod di atas :


Akhir sekali klik pada Save Template. Moga ia dapat membantu.Selamat berjaya.

0 comments:

Bersama Cikgu Anaiz © 2008. Design by :Yanku Templates Sponsored by: Tutorial87 Commentcute