Membuat atau Menambah Widget Disamping Header

Beragam Info - apa kabar sobat dikesempatan kali ini saya akan membahas bagaimana sih menambah widget disamping header, sehinggan ada kotakan tempat header dan tempat membuat widget baru.
seperti contoh pada gambar dibawah ini:

seperti contoh pada gambar diatas terdapat 2 widget, yang 1 widget diisi dengan header blog dan yang widget disampingnya adalah tempat untuk menambahkan widget yang akan dipilih oleh anda.
nah untuk membuatnya seperti gambar diatas silahkan ikuti langkah-langkah dibawah ini:

1. silahkan login ke blogger anda
2. untuk selanjutnya silahkan anda menuju ke menu template dan kemudian silahkan klik Edit HTML dan kemudian silahkan cari kode .header-outer { lebih lengkapnya kodenya seperti ini:

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}

3. nah setelah itu silahkan silahkan ganti kode diatas dengan kode dibawah ini

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 104px;}
#header {
width: 40%;
margin-right: 10px;float: left; }
#headerkanan {
float: right;
width: 54%;
margin: 20px 10px 5px 10px;
padding: 2px;}
#headerkanan .widget {margin: 3px;}

keterangan:
.header-outer { pada bagian height: 104px(untuk mengatur tinggi header).
#header { pada bagian width: 40%; lebar header kiri.

#headerkanan { pada bagian width: 54%; lebar header kanan. dan margin: 20px 10px 5px 10px; posisi atas-bawah header kanan.

4. nah dan kemudian silahkan cari <div class='region-inner header-inner'> dan untuk kemudian silahkan kopi dibawah ini dan tambahkan kodenya dan letakkan tepat disamping kode <div class='region-inner header-inner'> 

<b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

5. untuk lebih jelasnya kode nya akan tampak seperti dibawah ini

<div class='region-inner header-inner'><b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

6. untuk kemudiaan silahkan simpan template anda.
nah dengan menambah widget yang ada disamping header maka akan ada tempat untuk menambah widget baru atau bisa anda menyisipkan iklan disamping header.

selamat mencoba kawan semoga sukses