Element Baru Pada Header Blog

Penambahan elemment baru berfungsi untuk menambahkan widget , bisa digunakan untuk menaruh iklan adsense, banner iklan dan lain-lain yang berbentuk penambahan widget. pada header menjadi prioritas penambahan widget menampilkan iklan lebih menonjol . untuk menambahkan kode bisa dimungkinkan melalui edit template namun dengan cara seperti ini akan memudahkan kita dalam menambahkan widget baru  .

Percobaan bisa dilakukan dengan menggunakan template standar blogger , Template Mudah di bawah template dinamis . pilihan bisa kita lakukan agar tidak terjadi kesalahan yang memungkinkan kita mengulang kembali membangun template.

* Login Blogger
* Pada Dashboard Klick Edit template HTML
*  Lakukan Backup Template (Untuk berjaga bila terjadi kesalahan)
* Pada Template cari kode ]]></b:skin> gunakan Ctrl + F untuk mencari code .
* Copy kode dibawah ini lalu taruh di atas kode ]]></b:skin>

#header{
       margin:0;
       padding:0;
}
#header .widget{
       padding:20px;
}      
#AL_headerL{
       margin:0;
       padding:0;
}
#AL_headerL .widget h2.title, #AL_headerL .widget h2{
       font-size:12px;
       font-family:Verdana;
       font-weight:600;
       text-transform:uppercase;
       margin:6px 0;
}
#AL_headerL .widget{
       margin:3px;
       padding:6px 10px;
       background:rgba(0,0,0,0.2);
}

* Kemudian cari kode

<div class='region-inner header-inner'>

* Dibawah kode diatas akan ada kode :

<div class='region-inner header-inner'>
        <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Title (Header)' type='Header'/>
        </b:section>

* Tambahkan kode baru hingga berbentuk seperti ini :

<div class='region-inner header-inner'><div style='float:right;width:80%;'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Title (Header)' type='Header'/>
</b:section>
</div><div style='float:left;width:30%;'><b:section class='AL_headerLeft' id='AL_headerL' maxwidgets='1' showaddelement='yes'/>
</div>
<div style='clear:both;'/>

* Klick save template atau bisa lakukan patinjau untuk mengecek terlebih dahulu.
* Klick Tataletak untuk melihat element baru yang sudah dibuat.
* Untuk merubah lebar pada 80% dan 30% untuk tinggi

Selamat mencoba semoga berhasil.