5/02/12

Tutorial cara lebarkan blog


Tutorial ni atas request CIk Kay Jue

Cara lebarkan blog ni untuk template lama iaitu classic template yang launched 2006..

untuk template moden anda boleh lebarkan blog pada pada template designer tu...

Melebarkan blog anda perlu buat 3 perkara serta permainan matematik sikit..ekekek

Pertama lebarkan #outer-wrapper(tempat letaknya #main-wrapper dan #sidebar-wrapper

Kedua lebarkan #main-wrapper(tempat entri)

Ketiga lebarkan #side-wrapper{sidebar la apa lagi.. ekekekek)

Sebelum buat apa2 save template dulu....

Mula2 pergi ke desbot---design---edit html...tidak perlu tick pada expand widget template....

Cari code #outer-wrapper

lepas tu akan kluar la seperti berikut

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}

ada yang sama ada yang berbeza... tapi apa yang penting adalah width:660px; tu.. itu lah lebar blog anda... cuba besarkan sedikit...
tukar width:660px; kepada width:800px; atau ikut suka kau... kemudian preview lihat ada perubahan atau tidak..


untuk #main-wrapper dan #sidebar-wrapper anda tidak boleh lebarkan ikut suka hati laki tiri jiran sebelah rumah..

Nota : Jika anda setkan lebar #outer-wrapper 800px; .....
jumlah lebar #main-wrapper + #sidebar-wrapper tidak boleh lebih dari 800px;...

contoh : lebar #main-wrapper anda setkan 540px manakala #sidebar-wrapper anda setkan 240px.. jumlah campur= 780px
jumlah campur tu dibawah 800px... bagi ruang kelegaan sikit..


untuk lebarkan main-wrapper cari code

#main-wrapper

Kemudian akan keluar code seperti berikut

#main-wrapper {
width: 480px;
float: left;
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 */
}

mungkin berbeza sedikit tapi apa yang penting ialah width:480px;..itulah lebar #main-wrapper
..tukar angka 480px ke 540px

kemudian preview.. cuba lihat perubahan dia...

Sekarang lebarkan sidebar-wrapper

cari code
#sidebar-wrapper kemudian akan keluar sepert berikut.

#sidebar-wrapper {
width: 150px;
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 */
}

seperti biasa la.. mungkin berbeza dengan code pada blog anda tapi apa yang penting.. width:150px;

Tukar angka 150px kepada 240px kemudian preview

Jika semuanya ok.. anda boleh save...

Sekian

4 ulasan:

Cik Kay Jue berkata...

TQ. sgt2 membantu dlm kerja2 mengumpul bahan untuk renovate blog. >_<

Polskahackrew berkata...

@Cik Kay Jue
ur welcome,,, renovate jgn x renovate.. ekekek

gHadiskeCik berkata...

jdi rosak;'(...adoi..xpndai arkk

Polskahackrew berkata...

@gHadiskeCikjangan silap masukkan simbol : dan ;

ada beza simbol tu..

step d mana yang dia rosak?

entri ja

Related Posts Plugin for WordPress, Blogger...