Membuat Template Menjadi 4 Kolom

Bagi anda yang ingin 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 menjelaskan bagaimana cara 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'><br /> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/><br /> </b:section><br /> </div><br /> <div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'><br /> <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/><br /> </b:section><br /> </div><br /> <div id='sidebar2-wrapper'><b:section class='sidebar2' id='sidebar2' preferred='yes'><br /> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='Blog Archive'/><br /> </b:section><br /> </div><br /> <div id='sidebar3-wrapper'><b:section class='sidebar3' id='sidebar3' preferred='yes'><br /> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><br /> </b:section><br /> </div>

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

#main-wrapper {<br /> width: 270px;<br /> float: left;<br /> word-wrap: break-word;<br /> overflow: hidden;<br /> }<br /> <br /> #sidebar-wrapper {<br /> margin-left: 10px;<br /> width: 200px;<br /> float: left;<br /> display: inline;<br /> word-wrap: break-word;<br /> overflow: hidden;<br /> }<br /> <br /> #sidebar2-wrapper {<br /> margin-left: 10px;<br /> width: 200px;<br /> float: left;<br /> display: inline;<br /> word-wrap: break-word;<br /> overflow: hidden;<br /> }<br /> <br /> #sidebar3-wrapper {<br /> width: 200px;<br /> float: right;<br /> display: inline;<br /> word-wrap: break-word;<br /> overflow: hidden;<br /> }

Ingin membuat text area seperti ini :

silahkan baca artikel ini : Beberapa Macam Jenis "Text Area"