Memasang iklan di header blog

Bookmark and Share
Memasang iklan di header blog, pada intinya langkahnya sama denganmemasang iklan di sidebar. Kita hanya copy pasta kode script iklan yang akan kita pasang. Cuma beda dengan memasang gambar di header, untuk langkah ini kita akan membagi header terlebih dahulu menjadi 2 kolom. Kolom yang pertama diperuntukkan untuk judul blog dan yang satunya lagi untuk pasang iklan. Berikut ini langkah-langkahnya :
  • Pada tab Edit HTML, carilah kode di bawah ini :
    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }

    #header-inner {
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    }

    #header {
    margin: 5px;
    border: 1px solid $bordercolor;
    text-align: center;
    color:$pagetitlecolor;
    }
  • Ganti kode di atas dengan kode di bawah ini :
    #header-wrapper {
    width:660px;
    margin-bottom:5px;
    background:#0000FF;
    height: 80px;
    }
    #header-one {
    width:330;
    background-position: left;
    margin-left: 40px;
    margin-right: auto;
    float:left;
    }
    #header {
    margin: 0px;
    text-align: left;
    color: #FF0000;
    }
    #header_two{
    width:330;
    float:right;
    padding:10px;
    }

    Untuk ukuran bisa dirubah oleh kita tergantung keinginan masing-masing. Silahkan bereksperimen sendiri.
  • Setelahnya, carilah kode <div id='header-wrapper'>
  • Simpan kode <div id='header-one'> di bawah kode di atas. 
  • Lalu cari juga kode di bawah ini :
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'7>
    type='Header'/>
    </b:section>
    </div>
  • Simpan kode di bawah ini setelah kode di atas :
    <div id='header_two'>
    <b:section class='header' id='header2' preferred='yes'>
    </b:section>
    </div>
    </div>
  • Lalu simpan hasilnya dan silahkan lihat hasilnya
  • Sekarang kita siap memasang banner di header

Artikel Lain-nya

{ 0 comments... Views All / Send Comment! }

Post a Comment

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

Powered by Blogger.