Cara Menambah Kolom di Bawah Header Blog


Cara Menambah Kolom di Bawah HeaderBlog - Cara menyisipkan kolom di bawah header blog  atau Cara memberi kolom tambahan di bawah header blog atau cara membuat 3 kolom di bawah header

Pada postingan Artikel kali adalah merupakan salah satu caramempercantik tampilan blog  yaitu Cara Membuat 3 Kolom Di Bawah Header. Umumnya 3 kolom ini digunakan sebagai menempatkan iklan. Selain untuk menempatkan iklan, 3 kolom ini juga bisa digunakan untuk daftar artikel, daftar link dan sebagainya. Jika anda tertarik berikut ini adalah Cara Membuat atau Menambah 3Kolom Di Bawah Header:
  1. Pertama anda masuk ke akun bloggger anda. 
  2. Kemudian anda Klik Template --> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template Widget).
  3. Selanjutnya anda  Cari kode ]]></b:skin>
  4. Setelah ketemu kode ]]></b:skin> , anda copy kode di bawah ini dan pastekan tepat diatas kode ]]></b:skin>
<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>
  1. Setelah itu Cari kode <div id='main-wrapper'> atau <div id="main-outer">
  2. Jika sudah ketemu kode pada noo 5, lalu anda kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">
<div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>

7.      Langkah yang terakhir Simpan Template. Untuk dapat melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout.

Demikian yang dapat saya sampaikan mengenai cara membuat 3 kolom di bawah header. Semoga dapat bermanfaat buat anda.

Comments

Popular posts from this blog

Cara agar pukulan kita dahsyat

Cara agar pintu rizqi terbuka

Cara Mengobati Tekanan Darah Tinggi (Hipertensi)