Header Ads

Cara Membuat 3 Kolom di Bawah Header pada Blogger

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.

6 comments:

  1. Oke..Sob...Mksih Udah Jawab Pertanyaan Ane Di FB kmren...Nice Share

    ReplyDelete
  2. mantabz gan infona bermanfaat banget
    unifarm.blogspot.com

    ReplyDelete
  3. Sob...ajarin donk..cara membuat semua posting kita menjadi no 1 di goggle..soalnya rata-rata posting sobat...no urut 1 smua... di om goggle

    ReplyDelete
  4. @unifarm Terima kasih gan..
    @LaNo HTC Nggak ada cara khusus sob. Umumnya apa yang ane posting di sini, udah ane terapin.

    ReplyDelete
  5. Bagus y mas...tapi sama donk nanti y kyk di blog mas ini...
    mas klw buat daftar isi dalm bntuk scrool bisa enggak..bantu lh mas::::

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.