Cara Membuat Header Menjadi dua Kolom di template yang baru
1.Edit HTML
2.Kasih Centang pada kolom Expand Widgate Tampalte
3.Tekan CTRL+F atau tekan F3
4.Cari kode seperti di bawah ini
.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}
5.Setelah ketemu Kode di atas hapuslah kode itu, dan gantilah dengan Kode di bawah ini
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 154px; /* untuk mengatur tinggi header (height) */ }
#header {
width: 45%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}
6.Kemudian Cari Kode seperti di bawah ini
<div class='region-inner header-inner'>
7.letakkan Kode di bawah ini tepat di bawah kode tadi
<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>gaptek tutorial
8.dan setelah Kode di atas di pasang Maka kode tersubut nampak seperti kode di bawah ini
<div class='region-inner header-inner'><b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
Simpan Tamplate ( Save ) dan lihat hasilnya
0 komentar
Silahkan Berkomentar Dengan sopan :