CARA MEMODIFIKASI TEMPLATE BLOG JADI 3 KOLOM ( Versi 2 )

CARA MEMODIFIKASI TEMPLATE BLOG JADI 3 KOLOM ( Versi 2 )

Sebagai mana postingan versi 1 sebelumnya hasil modifikasi seperti ini , agar ada perbedaan bentuk layoutnya dimana sidebar ada ada diantara sisi kiri dan kanan kolom postingn ( main wrapper ), maka cara Anda mencari kode seperti dibawah ini.


#main-wrapper {
width:500px;
float:$endSide;
padding:100px 0 20px;
font-size:85%;
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 */
}
#main {
background:url("http://www1.blogblog.com/dots/bg_dots2.gif") -100px -100px;
padding:20px 10px 15px;
}
#second-sidebar-wrapper {
width:210px;
padding-left:30px;
float:$endSide;
font-size:85%;
padding-bottom:20px;
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:$startSide;
font-size:85%;
padding-bottom:20px;
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 */
}


Setelah Anda menemukan kode tersebut Anda hapus kode di “edit HTML” di blog Anda. Kemudian Anda copy-paste kode diatas.

Langkah selanjutnya Anda cari kode dibawah ini dan Anda copy paste

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

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

Kode-kode diatas Anda copy paste khan setelah Anda membuat cara versi 1 dalam postingan ini. Selamat mencoba !


BACA JUGA ARTIKEL :

• TIPS BLOG DIHALAMAN 1 GOOGLE
• TIPS DAN TRIK LOADING BLOGSPOT CEPAT
• TIPS MEMBUAT TAB MENU
• CARA BLOG DIDETEKSI SEARCH ENGINE