Cara Membuat Header Menjadi dua Kolom di template yang baru

Tidak ada komentar

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

CHAT ON TV
CHAT NOW TV ONE


» Please download Adobe Flash Player « before watching the streaming