Cara Menambahkan Iklan Di Samping Header Blog

Jika kamu ingin menggunakan template bawaan dari Blogger, masih banyak yang harus dilakukan untuk langkah-langkah pengeditan blog yang kamu punya, salah satunya Membuat Kotak Iklan Di Samping Header atau bisa juga disebut Membagi  Header Menjadi Dua Kolom.

Membagi kolom header menjadi dua kolom seperti yang ada di Sideblog28 ini bisa kita pasangkan sebuah kotak iklan. Menambahkan kotak iklan di samping header membuat posisi iklan lebih berfariasi, selain disamping header, di bawah header dan di bawah postingan yang nantinya juga saha sharing pada blog ini,

Bagaimana menambahkan menambahkan kotak iklan di samping header untuk template blogger ataupun templat hasil download yang belum ada kotak iklan di samping header ? Ikuti langkah-langkahnya di bawah ini.

*. Silakan Log in pada blog yang kamu punya. Sebelum melakukan Edit HTML, silakan kamu copy paste dulu HTML yang sudah ada di Notepad untuk menghindari kesalahan yang ada.

*. Pilih Template lalu klik Edit HTML. .header-outer{
Selengkapnya seperti ini :
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}

* 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 kode :
-  min-height: 104px; = Atur tinggi header yang diinginkan.
-  width: 40%; = perbandingan lebar header kiri
-  width: 54%; = perbandingan header kanan. Silakan atur ulang kedua header di atas.
-  margin: 20px 10px 5px 10px; = Pengaturan jarak kiri kanan dan bawah header.

* Untuk langkah selanjutnya, <div class='region-inner header-inner'> copy kode dibawah ini tepat disamping kode yang di cari.
<b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
sehingga menjadi :
<div class='region-inner header-inner'><b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

* Lakukan pratinjau sebelum melakukan penyimpanan. Mengatur lebar header kanan dan header kiri ini memang membutuhkan kesabaran. Atur perbandingan header kanan dengan perbandingan header kiri.

Semoga artikel ini mudah untuk diterapkan. Sukses selalu..