RSS2.0

Classic Template untuk Template MINIMA

Sabtu, 09 Agustus 2008

Sebelum memulai Pnambahan kolom sebaiknya anda mendownload dulu atau membackup dahulu HTML kode template blog anda. Jadi bila terjadi kerusakan atau kesalahan semua konten dan blog anda tidak rusak..


Cari kode berikut





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

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

#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 */
}




Ubah Code tersebut... Dan tambahkan kode berwarna biru




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

#main-wrapper {
width: 400px;
margin-left: 25px;

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 */
}

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



cari dan tambahkan kode yang berwarna biru





/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

body#layout #outer-wrapper,
body#layout #header-wrapper,
body#layout #footer {
width: 750px;
padding: 0px;
}

body#layout #main-wrapper {
width: 400px;
margin-left: 20px;
}

body#layout #sidebar-wrapper,
body#layout #newsidebar-wrapper {
width: 150px;
}




Cari kode <div id='main-wrapper'&gt letakkan kode berwarna biru diatasnya seperti dibawah ini.



<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>



Cari kode.. <div id='main-wrapper'> Tambahkan kode newsidebar.. ditenghnya seperti dibawah



<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>



Untuk Header cari kode berrikut dan ganti dengan yang berwarna Biru




#header-wrapper {
width:660px;

Ganti yan ini

#footer {
width:660px;

Ganti yang ini

#header-wrapper {
width:750px;

Ganti yang ini

#footer {
width:750px;

Silahkan coba jangan lupa untuk membackup kode template anda bila ingin merubah sesuatu yang ada pada kota template anda...

selamat mencoba!!!

Baca yang Lainnya



5 komentar:

Anonim mengatakan...

nice tips

thanks, http://e-bookinfo.blogspot.com/

farida mengatakan...

mo tanya kira2 cara bikin template blogger secara offline bagaimana caranya, salam kenal

BioNaturally mengatakan...

Mantaffff

kaka adv mengatakan...

q coba dulu ya brow... thxs

Aryo mengatakan...

kok punyaku id=main-wrapper nya ndak ada ya trims, maklum amatirn masih belajar

Posting Komentar

Setiap Kali anda berkomentar maka anda akan mendapatkan link balik dari saya...

Terima kasih atas KOMENTAR-nya

Terjemahkan