Untuk membuat kolom Tambah Gadget yang berada di dalam kolom Header Minima, yang bisa digunakan untuk meletakan horisontal menubar, banner atau lainnya, seperti terlihat pada gambar, maka caranya adalah sebagai berikut:
1. Login ke Blogspot –> Layout (Tata Letak) –> Edit HTML
2. Cari baris kode ]]></b:skin> dan letakan baris kode yang berwarna merah diatasnya, sehingga susunannya menjadi seperti terlihat dibawah ini:
#kolomatas{
width:650px;
float:left;
margin:0 5px;
}
#kolomatas1{
}
]]></b:skin>
catatan: lebar kolomatas (width) sesuaikan dengan lebar header.3. Setelah itu letakan baris kode berwarna merah didalam baris kode <div id='header-wrapper'>, setelah baris kode </b:section>, atau diatas baris kode </div>, sehingga baris kodenya menjadi seperti terlihat dibawah ini:
margin sesuaikan dengan letak kolom yang dibuat, apakah lebih dekat ke garis pinggir header atau mau lebih jauh lagi.
4. Cari baris kode header-wrapper dan dan tambahkan kode yang berwarna merah untuk mengatur tinggi garis pinggir header agar bisa melingkupi widget yang akan kita tambahkan nanti.<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='testing blog (Header)' type='Header'/>
</b:section>
<div id='kolomatas'>
<b:section class='kolomatas1' id='kolomatas1' preferred='yes'>
</b:section>
</div> </div>
5. Simpan template.#header-wrapper {
width:660px;
height:120px; margin:0 auto 10px;
border:1px solid $bordercolor;
}
Sekarang template minima sudah memiliki kolom Tambah Gadget yang berada dalam Header-nya.
Category:
blog
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response.
0 Responses
