Tutorial Cara Menambahkan 1 Kolom di bawah header
www.tutorialcara.com - Tutorial Cara Menambahkan 1 Kolom di bawah header - Paham Maksud saya? Lihat Saja Gambar Dibawah ini. Untuk menambahkan gadget di bawah header kita memelukan satu kolom di bawahnya. Untuk itu kita harus menambahkannya, karena template bawaan blogger ada yang belum ditambahkan untuk kolom ini. Jika sobat ingin menambahkan bisa ikuti cara dibawah ini:
Login ke blog sobat.
Pilih tata letak >> Klik edit html.
Cari kode yang seperti ini: ]]></b:skin>
Kemudian tambahkan kode yang berwarna merah ini di atasnya,hingga hasilnya sbb:
#under_header{
float:left;
width:100%;
}
]]></b:skin>
Kemudian cari kode seperti ini:
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
Kemudian tambahkan kode di bawahnya hingga hasilnya sbb:
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
Warna merah adalah kode yang harus sobat tambahkan.
Klik simpan
Baca Juga : Tutorial Cara Membuat Readmore Otomatis di Blog
Demikian saja informasi Mengenai Tutorial Cara Menambahkan 1 Kolom di bawah header
Tutorial Cara Menambahkan 1 Kolom di bawah header |
Pilih tata letak >> Klik edit html.
Cari kode yang seperti ini: ]]></b:skin>
Kemudian tambahkan kode yang berwarna merah ini di atasnya,hingga hasilnya sbb:
#under_header{
float:left;
width:100%;
}
]]></b:skin>
Kemudian cari kode seperti ini:
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
Kemudian tambahkan kode di bawahnya hingga hasilnya sbb:
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
Warna merah adalah kode yang harus sobat tambahkan.
Klik simpan
Baca Juga : Tutorial Cara Membuat Readmore Otomatis di Blog
Demikian saja informasi Mengenai Tutorial Cara Menambahkan 1 Kolom di bawah header
Tutorial Cara
By
Published: 2012-08-23T08:26:00-07:00
Tutorial Cara Menambahkan 1 Kolom di bawah header
Anda baru saja membaca artikel yang berkategori Tutorial Blog
dengan judul Tutorial Cara Menambahkan 1 Kolom di bawah header. Anda bisa bookmark halaman ini dengan URL https://tutorialcarablog.blogspot.com/2012/08/tutorial-cara-menambahkan-1-kolom-di.html. Terima kasih!