SELAMAT DATANG DI WEBSITE KAMI, UNTUK INFO & ORDER SILAHKAN HUBUNGI KAMI VIA WHATSAPP / TELPON...



Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog

Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog
Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog - Tutorial blog kali ini akan membahas bagaimana cara menambah elemen kolom dibawah header blogspot. Kolom yang akan ditambahkan di header blog yaitu berupa 1 kolom, 2 kolom dan 3 kolom dibawah header. Dengan menambah elemen kolom khususnya yang terletak dibawah header blog, akan mempunyai fungsi sendiri, misalnya tempat untuk meletakkan iklan, gambar dan lain-lain.



A. Menambahkan 1 Kolom dibawah Header Blog

Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header

1. Login ke akun bloger anda
2. Pada dashboard, pilih Templates 
3. Pilih Edit HTML 
4. Centang Expand Widget Template
5. Tekan F3, cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

#siji-kolom {margin:10px 0;padding:1%;width:98%;}

6. Selanjutnya cari kode seperti ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

7. Lalu letakkan kode berikut dibawahnya

<div id="siji-kolom">
<b:section class='header' id='gawesijikolom' preferred='yes'/>
</div>

8. Simpan template

B. Menambah 2 Kolom Dibawah Header Blog

Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header

1. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

#loro-kolom {clear:both;}.gawe-loro-kolom {}

2. Selanjutnya cari kode <div id='main-wrapper'> dan letakkan kode berikut diatasnya

<div id='loro-kolom'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='gawe-loro-kolom' id='kolom1' preferred='yes' style='float:left;'/></div>
<div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='gawe-loro-kolom' id='kolom2' preferred='yes' style='float:right;'/></div>
<div style='clear:both;'/></div> 

3. Simpan template

C. Menambah 3 Kolom Dibawah Header Blog

Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header

1. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

#tellu-kolom {clear:both;}.gawe-tellu-kolom {}

2. Selanjutnya cari kode <div id='main-wrapper'> dan letakkan kode berikut diatasnya

<div id='tellu-kolom'>
<div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='gawe-tellu-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 30%; float: center; margin:0; text-align: left;'>
<b:section class='gawe-tellu-kolom' id='kolom2' preferred='yes' style='float:center;'/>
</div>
<div id='kolom3' style='width: 35%; float: right; margin:0; text-align: left;'>
<b:section class='gawe-tellu-kolom' id='kolom3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

3. Simpan template

Demikianlah tutorial mengenai Cara Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog, semoga saja bermanfaat untuk anda semua, amin...3x.
Menambah 1 Kolom, 2 Kolom, 3 Kolom Dibawah Header Blog
Share:

TOMBOL OTOMATIS

0877-5996-9545





Testimoni & Kisah Sukses

CCTV Murah - Solo
www.cctvmurahdisolo.indo9.com

Mas Zul, terimakasih banyak sudah membuat website saya. Jadi banjir order.....


Interior Wallpaper - Medan
www.indesignwallpaper.indo9.com

Mantaaap, omzet saya langsung meningkat setelah membuat website di INDO9....


Bali Tori Travel - Bali
www.balitoritourtravel.indo9.com

Saya sangat PUAS dengan website saya yang dibuat oleh mas Zul dari INDO9....


DaVinci Wallpaper - Surabaya
www.davinciwallpapersurabaya.indo9.com

Luar biasa, bisa upload foto sebanyak-banyaknya (unlimited)....


Graha Bonsai - Madiun
www.grahabonsaimadiun.indo9.com

Gak nyangka, setelah punya website, bisnis saya semakin berkembang. .....

READ MORE >

Kota

Aceh (7) Bali (18) Bandung (6) Bekasi (3) Depok (5) Jakarta (5) Madiun (5) Malang (22) Medan (1) Papua Barat (1) Semarang (3) Sidoarjo (2) Solo (1) Surabaya (5) Tangerang (2) Tuban (1)

Postingan Populer

Arsip Blog


***