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:

Profil Owner

PROFIL OWNER


Hallo sahabat online...

Perkenalkan nama saya Zul, lengkapnya Zulkarnaen Mandja, saya seorang Website Designer. Sudah berpengalaman bekerja sebagai Computer Programmer di salah satu perusahaan IT terbesar di Indonesia.

Sejak 2009 saya membuka usaha sekaligus memimpin INDO9.COM. Perusahaan yang bergerak dibidang Jasa Pembuatan Website, melayani seluruh Indonesia.

Salam Sukes Slalu...

Contact Us

CONTACT US


Untuk Info & Order Website
Silahkan hubungi kami
Melalui WhatsApp, Telpon atau e-mail




Chat via WA dengan kami
INDO9.COM
Perusahaan Jasa Pembuatan Website
& Iklan Online Profesional
Melayani Seluruh Indonesia


WhatsApp. +62 877-5996-9545
Telp. +62 877-5996-9545
e-mail : indo9.com@gmail.com


Work Shop :
Perum Griya Muslim Mulyorejo Blok B-23
Malang 65147
Jawa Timur - Indonesia

LIHAT DI GOOGLE MAPS

Rekening Bank

REKENING BANK

Pembayaran transfer ke rekening :


Bank BCA
No. Rek. 440 1175 177
A/n. Zulkarnaen




Bank BRI
No. Rek.
3123-01-025927-53-1
A/n. Zulkarnaen

Testimoni & Kisah Sukses

CCTV Murah - Solo
www.cctvmurahdisolo.indo9.com

Mas Zul, terimakasih banyak sudah membuat website saya. Saya puas sekali. .....
Interior Wallpaper - Medan
www.indesignwallpaper.indo9.com

Mantaaap, omzet saya langsung meningkat setelah membuat website....
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 >

Postingan Populer

Arsip Blog

Total Tayangan Halaman