Membuat Template 4 Kolom Blogspot

Bagi anda yang menginginkan mempunyai template blogspot 4 kolom, anda tak perlu mengganti template lama anda dengan template yang baru. Anda akan membutuhkan waktu lama untuk mencari template baru yang sesuai dengan keinginan anda. Sungguh akan memakan waktu anda.

Disini saya akan memaparkan bagaimana membuat template blogspot 4 kolom. Anda cukup modifikasi template yang anda gunakan sekarang dengan tips trick membuat template blog 4 kolom dari postingan saya kali ini

1. Cari kode <div id='content-wrapper'> atau <div id='crosscol-wrapper' style='text-align:center'>

2. Letakkan kode berikut ini dibawah <div id='content-wrapper'>
atau dibawah <div id='crosscol-wrapper' style='text-align:center'> . . .</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'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section>
</div>

<div id='sidebar2-wrapper'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='Blog Archive'/>
</b:section>
</div>

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

3. Tambahkan juga kode berikut diatas ]]></b:skin>

#main-wrapper {
width: 270px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

#sidebar-wrapper {
margin-left: 10px;
width: 200px;
float: left;
display: inline;
word-wrap: break-word;
overflow: hidden;
}

#sidebar2-wrapper {
margin-left: 10px;
width: 200px;
float: left;
display: inline;
word-wrap: break-word;
overflow: hidden;
}

#sidebar3-wrapper {
width: 200px;
float: right;
display: inline;
word-wrap: break-word;
overflow: hidden;
}

Save template anda dan lihat hasilnya