t u t o r i a l s i t e

Tutorial: Pisahkan Sidebar dengan Post

Friday, July 22, 2011 - 4 comment

Assalamualaikum.

Quick tutorial. Hari ni saya nak tunjukkan cara seperate sidebar and post.

So let's start.

Untuk Simple Template

1 - Dashboard > Design > EditHTML

2 - Gunakan fungsi ctrl + f dan cari code dibawah;

.post {

3 - Copy code dibawah;

background : #ffffff ;
-moz-border-radius: 20px;
border-radius: 20px;
border: 2px solid #FFC0CB;
margin:0 0 1.5em;
padding:20px;

*yang telah diwarnakan boleh ditukar. boleh tekan sini dan sini utk pilihan

4 - Padam semua code dibawah .post { dan gantikan dengan code diatas.

5 - For sidebar pula, search code ini

]]></b:skin>

6 - Copy code dibawah pula;

.sidebar .widget {
-moz-border-radius: 20px;
border-radius: 20px;
background : #ffffff ;
border: 2px solid #FFC0CB;
margin:0 0 1.8em;
padding:20px;
}

*tulisan yang telah diwarnakan boleh tukar juga.

7 - Paste code tersebut diatas code ]]></b:skin> tadi.

8 - Design -Template Designer - Advanced - Background

9 - Transparentkan main background

10 - Save & done

©Una

Menima Template & Denim Template

1 - Dashboard > Design > EditHTML {sila backup code}

2 - Gunakan fungsi ctrl + f dan cari code ni;

.post {

3 - Perasan tak ada code bawah tu? Delete code tersebut sampai sebelum }

4 - Sekarang gantikan code yang dah dipadam tadi dengan code dibawah.

margin:0 0 1.5em;
padding:20px;
font-size: 13px;
background:#ffffff;
border: 2px solid #000000;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
line-height:1.9em;

*tulis diwarnakan boleh ditukar

5 - Now cari pulak code

.sidebar .widget {

6 - Sama macam tadi, delete code sampai } then gantikan dengan code dibawah ni;

margin:0 0 1.5em;

padding:20px;

font-size: 13px;

background:#ffffff;

border: 2px solid #000000;

-moz-border-radius: 1em 1em 1em 1em;

border-radius: 1em 1em 1em 1em;

line-height:1.9em;

*tulisan diwarnakan boleh tukar.

6 - Save!

7 - Template Designer > Advanced > Main Background Colour

8 - Tukar main background colour kepada transparent.

9 - Save & done!

Goodluck.

Labels: Tutorial