Ass..
Dalam kesempatan kali ini saya akan memberikan tutorial tentang cara membuat 2 kotak header karna menurut saya ini sangat di butuh kan dan banyak di cari bagi sobat blogger.terlalu banyak tutorial tentng cara membuat 2 kotak header tapi tidak lah semua benar banyak yang sudah mengikuti dan akhir nya gagal atau eror jika sudah terjad tanpa penyimpanan tamplate maka blog sobat akan kacau balau,dalam kasus ini mungkin sobat akan kesel,nah mungkin tutorial kali ini saya akan memberikan tips yang benar sehingga sobat akan puas dengan hasil yang di dapat.
Contoh:
langsung saja silahkan ikuti tutorial yang menurut saya mudah berikut ini:
1.Silahkan sobat blogger masuk ke dashboard masing-masig di sini
2.Pilih tamplate klik Edit HTML
3.Centang Expand Widget Lalu cari Kode ]]></b:skin>
4.Dan silahkan letakkan kode di bawah ini pas di atas kode ]]></skin>
#header {width:50%;display:inline-block;_float:left;}
#header-right {width:35%;display:inline-block;float:right;padding:15px 15px 15px 15px;}
#header-right .widget {margin:0;}
5.Jika sudah selanjut nya cari kode yang mirip di bawah ini
karna terlalu panjan jadi saya buat garis putus-putus di pertengahan kode
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Yogi Tutorial (Header)' type='Header'>
<b:includable id='main'>
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
</b:section>
6.Dan Jika sudah sobat temukan pada kode </b:section> letakkan kode di bawah ini pas di bawah kode </b:section>:
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
7.Jika sudah di pasang dan pas langsung saja sobat cari kode ]]> </b:template-skin>
Dan masukkan kode di bawah ini pas di bawah kode ]]> </b:template-skin>
#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}
8.Klik Save dan Simpan Tamplate silahkan sobat lihat blog sobat,
"HAPPY BLOGGING"
Dalam kesempatan kali ini saya akan memberikan tutorial tentang cara membuat 2 kotak header karna menurut saya ini sangat di butuh kan dan banyak di cari bagi sobat blogger.terlalu banyak tutorial tentng cara membuat 2 kotak header tapi tidak lah semua benar banyak yang sudah mengikuti dan akhir nya gagal atau eror jika sudah terjad tanpa penyimpanan tamplate maka blog sobat akan kacau balau,dalam kasus ini mungkin sobat akan kesel,nah mungkin tutorial kali ini saya akan memberikan tips yang benar sehingga sobat akan puas dengan hasil yang di dapat.
Contoh:
langsung saja silahkan ikuti tutorial yang menurut saya mudah berikut ini:
1.Silahkan sobat blogger masuk ke dashboard masing-masig di sini
2.Pilih tamplate klik Edit HTML
3.Centang Expand Widget Lalu cari Kode ]]></b:skin>
4.Dan silahkan letakkan kode di bawah ini pas di atas kode ]]></skin>
#header {width:50%;display:inline-block;_float:left;}
#header-right {width:35%;display:inline-block;float:right;padding:15px 15px 15px 15px;}
#header-right .widget {margin:0;}
5.Jika sudah selanjut nya cari kode yang mirip di bawah ini
karna terlalu panjan jadi saya buat garis putus-putus di pertengahan kode
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Yogi Tutorial (Header)' type='Header'>
<b:includable id='main'>
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
</b:section>
6.Dan Jika sudah sobat temukan pada kode </b:section> letakkan kode di bawah ini pas di bawah kode </b:section>:
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
7.Jika sudah di pasang dan pas langsung saja sobat cari kode ]]> </b:template-skin>
Dan masukkan kode di bawah ini pas di bawah kode ]]> </b:template-skin>
#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}
8.Klik Save dan Simpan Tamplate silahkan sobat lihat blog sobat,
"HAPPY BLOGGING"