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:
- Pertama anda masuk ke akun bloggger anda.
- Kemudian anda Klik Template --> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template Widget).
- Selanjutnya anda Cari kode ]]></b:skin>
- 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>
- Setelah itu Cari kode <div id='main-wrapper'> atau <div id="main-outer">
- 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.
Komentar
Posting Komentar