Cara Buat Header Blog Menjadi 2 Kolom
Monday, December 2, 2013
0
comments
Langkah 1 :
Cari Kode /* Header dan tempatkan kode di bawah ini persis di bawah kode /* Header
Langkah 2 :
Cari kode yang mirip dengan di bawah ini :
Kemudian ganti dengan kode di bawah ini :
Begitulah sobat, silahkan di coba jika masih menggunakan template yang mana header-nya cuman ada 1 kolom. Fungsi 2 kolom widget di header ini adalah untuk penempatan space iklan atau lainnya.
Salam Sahabat
Cari Kode /* Header dan tempatkan kode di bawah ini persis di bawah kode /* Header
#header {
float:left;
width:40%;
margin: 0px;
text-align: center;
color:#ffcc66;
}
#header2{float:left; width:60%;}
Langkah 2 :
Cari kode yang mirip dengan di bawah ini :
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
</b:section>
</div>
Kemudian ganti dengan kode di bawah ini :
<div id='header-wrapper'>SIMPAN template ! dan SELESAI
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
Begitulah sobat, silahkan di coba jika masih menggunakan template yang mana header-nya cuman ada 1 kolom. Fungsi 2 kolom widget di header ini adalah untuk penempatan space iklan atau lainnya.
Salam Sahabat
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Buat Header Blog Menjadi 2 Kolom
Ditulis oleh Berman HS
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://rabbanisibolis.blogspot.com/2013/12/cara-buat-header-blog-menjadi-2-kolom.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Berman HS
Rating Blog 5 dari 5