Iklan Free

Sunday, October 7, 2012

Cara membuat sidebar baru sebelah kiri blogspot Pertama sekali korang login dahulu email dan password di blogger.com...

Selepas itu korang pergi ke Layout>Edit HTML...
Korang tengok pada Outer Wrapper....
Tambahkan kod di bawah #sidebar wrapper.

[Copy semua code di bawah ni]
code:

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


Kemudian pastekan ke dalam code ini
code :

#sidebar-wrapper {
width: 200px;
float: right;
padding: 5px;
border:1px solid $bordercolor;
background-color:#c77c7c;
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 */
}
<<--- (Pastekan code disini)


Hasilnya akan jadi macam ni
code

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 420px;
float: left;
padding: 5px;
border:1px solid $bordercolor;
background-color:#c77c7c;
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 */
}
#sidebar-wrapper {
width: 200px;
float: right;
padding: 5px;
border:1px solid $bordercolor;
background-color:#c77c7c;
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 */
}
#newsidebar-wrapper {
width: 200px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}


Perhatian :
Outer wrapper korang kena tukar dari 660px kepada 840px...
Main wrapper pula tukar 410px kepada 420px;
sidebar wrapper tukar dari 220px kepada 200px.

kemudian tambahkan kod dibawah ini sebelum
code
<div id="newsidebar-wrapper">






0 comments:

Post a Comment

Keladi Air Followers

Keladi Air Members