WAbNUGvLAHrdRF6NGlR1ji9P0SE Cara Membuat 3 Kolom di Bawah Header pada Blogger ~ hayeksaja.blogspot.com

Cara Membuat 3 Kolom di Bawah Header pada Blogger

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.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...
There was an error in this gadget