Cara Membagi Header Menjadi 2 kolom

Cara Membagi Header Menjadi 2 kolom adalah artikel Tutorial Blog Membagi kolom Header  yang akan saya bahas selanjutnya sebelumnya juga saya telah membuat beberapa artikel yang sejenis membagi header menjadi 2 kolom adalah termasuk tehnik dalam blog yang sangat berfungsi atau sangat berpengaruh terhadap blog yang sedang anda urus sejatinya header hanya memiliki 1 kolom yang panjang dan tidak terbagi namun pada artikel kali ini akan membahas beserta fungsinya bagi header dan apa saja dan mengapa pula di sarankan menggunakan atau memiliki 2 kolom header mari dari pada tambah lama mari kita bahas saja artikel berikut ini.

Pada tehnik blog tepatnya tehnik elemen blog ini sangat perlu diketahui biasanya pembuatan header jenis ini di fungsikan untuk membuat suatu gambar atau suatu banner tepatnya di bagian header dan itu sangat menguntungkan karena harga banner iklan yang di pasang pada bagian Header biasanya memiliki nilai lebih tinggi dan tentunya lebih mahal dari pada yang di sidebar mungkin untuk sebagian besar begitu ada juga yang berpendapat lain jadi intinya pemasangan tehnik ini harus ditentukan untuk apa fungsinya nanti dan bagimana nantinya begitu ok tanpa buang waktu lagi mari kitalihat Cara Membagi Header Menjadi 2 kolom atau bisa juga disebut Membagi kolom Header.

Tutorial

• Pertamanya anda login ke account bloger anda
• Kemudian perancangan > Edit HTML untuk blogger lama
• Kemudian pilih Template > Edit Html untuk bloger baru
• Untuk tahap selanjutnya anda cari kode ini #header-wrapper {

Untuk selengkapnya di bawah ini

#header-wrapper {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Jd-vQ2UhPY197wubJS1d45j_eDpFVa8TMAE5iiZ5FLovWIRaLLQ4700qjVoGfSU7GRD_lYRorDg4ulYnxm8IrvuYE08E8gfVd11SbctcuPTbUCUoyfYL5ad-aj6vGdtA2BpttT4QRimE/s1600/line.gif) repeat-x scroll left bottom;

height:119px;

width:900px;

}

#header-inner {

background-position:center center;

margin-left:auto;

margin-right:auto;

}

#header {

color:#000000;

text-align:left;

}

• Kemudian ganti kode di atas bila sudah menemukan dang anti dengan kode di bawah ini

#header-wrapper {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Jd-vQ2UhPY197wubJS1d45j_eDpFVa8TMAE5iiZ5FLovWIRaLLQ4700qjVoGfSU7GRD_lYRorDg4ulYnxm8IrvuYE08E8gfVd11SbctcuPTbUCUoyfYL5ad-aj6vGdtA2BpttT4QRimE/s1600/line.gif) repeat-x scroll left bottom;

height:119px;

width:900px;

}

#header-inner {

background-position:center center;

margin-left:auto;

margin-right:auto;

}

#header {

color:#000000;

text-align:left;

}

• Dan Save

Selanjutnya Tahap Pemanggilan CSS 2 klom header

• Langkah pertama cari kode <div id='header-wrapper'>

Untuk selangkapnya

 <div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Thomi Jasir Demo (Header)' type='Header'/>

</b:section>

</div>

Biasanya kode berbentuk seperti itu

• Kemudian ganti kode di atas dengan kode di bawah ini

<div id='header-wrapper'>
<div id='header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blognya Reggy Demo (Header)' type='Header'/>
</b:section>
</div>
<div id='header-kanan'>
<b:section class='header2' id='header2'/>
</b:section>
</div>
</div>

• Kemudian save template

Seharusnya header sudah terbagi mungkin cukup artikel saya menerangkan masalah header ini lebih dan kurangnya mohon di maafkan mungkin cukup saja saya tutup artikel yang berjudul  Membagi kolom Header  maksud saya Cara Membagi Header Menjadi 2 kolom.