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
Tidak ada komentar :
Posting Komentar