Kamis, 22 Desember 2011

Cara Membuat 3 Kolom/Elemen di Bawah Header


Buat kamu yang template blognya tingin di pasang 3 Kolom atau Elemen di bawah Header, Silakan ikuti langkah-langkahnya. Berikut ini langkah-langkah dalam membuat 3 (tiga) kolom atau elemen di bawah Header di Blogger. Selamat menyimak.. Semoga berhasil..

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Cari kode ]]></b:skin>. Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

6. Copy kode di bawah ini dan paste di atas kode tersebut.

#box-main-container {
clear:both;
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

7. Cari kode <div id='main-wrapper'> atau bila tidak ada, silakan cari <div class='main-outer'>.

8. Copy kode di bawah ini dan paste di atas salah satu kode tersebut.

<div id='box-main-container'>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

9. Klik tombol SIMPAN TEMPLATE.


Share on Facebook
Share on Twitter
Share on Google+
Tags :

Baca Juga : Cara Membuat 3 Kolom/Elemen di Bawah Header



About - Disclaimer - Privacy Policy | Copyright © Kamu Klik