Sunday, 2 October 2011

3 Kolom Dibawah Header Blogspot

Bagikan ini ke :

Berikut ini saya sediakan bagaimana cara membuat 3 kolom berada di bawah header..

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.

0 Tanggapan Artikel Ini:

Catatan sebelum berkomentar:
1. Berkomentarlah sesuai dengan postingan yang dibaca.
2. Link hidup pada komentar otomatis akan terhapus!
3. Komentar SPAM dan SARA otomatis dihapus!!!
4. Dilarang ngiklan di kolom komentar!
Mohon untuk dipatuhi demi kenyaman kita bersama
TERIMA KASIH.