Cara Merubah Template 2 Kolom Menjadi 3 Kolom
Setiap template di Blogger mungkin mempunyai kolom berbeda-beda tergantung jenis template yang digunakan. Namun kalau seseorang sudah 'jatuh hati' pada satu template, dan kolom yang tersedia di template tersebut tidak sesuai keinginan. Kadang butuh beberapa racikan supaya kolom template tersebut dapat di desain sesuai kebutuhan penggunanya.
Cara Merubah Template 2 kolom menjadi 3 kolom:
- Login ke akun Blogger
- Pilih Template >> Edit HTML
- Cari isyarat yang menyerupai dengan isyarat menyerupai ini alasannya setiap template berbeda-beda isyarat htmlnya #outer wrapper (gunakan ctrl F supaya lebih gampang mencarinya)
- Kemudian cari isyarat yang menyerupai mirip ini:
#sidebar-wrapper (gunakan ctrl+F untuk lebih gampang mencarinya) - Lalu copy-paste script berikut ini di bawah isyarat no 4 di atas:
- Selanjutnya cari isyarat yang menyerupai dengan isyarat berikut ini:
<div id="'main-wrapper'"> (gunakan ctrl+F untuk lebih gampang mencarinya) - Simpan Template. Cek Tata Letak apakah kolomnya sudah bertambah atau belum.
-----------------------------------Ganti angka yang berwarna Biru menjadi 950
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
-----------------------------------
--------------------------------Ganti angka yang berwarna Biru menjadi 250
#sidebar-wrapper {
width: 220px;
float: $enSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}
--------------------------------
--------------------------------
#sidebarbaru-wrapper {
width: 250px;
float: $startSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}
--------------------------------
--------------------------------Copy-paste isyarat berikut ini sempurna dibawahnya :
<div id="'main-wrapper'">
<b:section class="'main'" id="'main" showaddelement="'no'">
<b:widget id="'Blog1'" locked="'true" title="Cara Merubah Template 2 kolom menjadi 3 kolom " type="'Blog'/">
</b:widget>
</b:section></div>
<div id="'sidebar-wrapper'">
<b:section class="'sidebar'" id="'sidebar'" preferred="'yes'">
<b:widget id="Profile2" locked="false" title="Cara Merubah Template 2 kolom menjadi 3 kolom " type="Profile">
<b:widget id="BlogArchive2" locked="false" title="Cara Merubah Template 2 kolom menjadi 3 kolom " type="BlogArchive2">
<b:widget id="followers2" locked="false" title="Cara Merubah Template 2 kolom menjadi 3 kolom " type="Followers">
</b:widget>
</b:widget></b:widget></b:section></div>
--------------------------------
--------------------------------
<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>
--------------------------------
