Membuat Template 4 Kolom Blogspot

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

Anda baru saja membaca artikel yang berkategori BLOGGER dengan judul Membuat Template 4 Kolom Blogspot. Anda bisa bookmark halaman ini dengan URL http://kang-enigma.blogspot.com/2011/09/membuat-template-4-kolom-blogspot.html. Terima kasih!

Ditulis oleh: Kang Enigma - Jumat, 30 September 2011