Cara memasang iklan di header

Selamat datang kembali kawan, masih semangat blogging kah? Pastinya dong harus. Kali ini saya akan berbagi tutorial tentang membuat widget di samping kanan judul, atau anda juga dapat menggunkannya untuk memasang iklan disamping kanan judul blog tersebut. Bagaimana caranya? Sulitkah? Tidak.

Langsung saja ini dia tutorialnya, cara memasang iklan/menambah widget disamping kanan judul blog :

1.    Buka blog anda di blogger.com

2.    Pada drop down menu anda buka Template

3.    Kemudian pilih Edit HTML

4.    Gunakan tombol kombinasi Ctrl+F untuk mencari kode seperti dibawah


.header-outer {
background: $(header.background.color) $(header.background.gradient)
}


5.    Jika sudah ketemu, ganti kode tersebut dengan kode dibawah ini (.header.outer saja, tidak sampai .header h1)


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

#header {
width: 25%;
margin-right: 5px; float: left; }

#headerkanan {
float: right;
width: 73%;
margin: 1px 1px 1px 1px;
padding: 2px;}

#headerkanan .widget {margin: 2px;}


KETERANGAN :
a.    Pada warna merah adalah perandingan luas antara header judul dan header kanan yang akan kita buat
b.    Pada warna hijau adalah jarak judul dengan batas samping widget judul blog, dan untuk left adalah posisi widget judul blog.
c.    Dan untuk warna biru adalah jarak antara iklan yang akan dipasang dengan garis tepi samping widget, dengan urutan : atas px, kanan px, bawah px, kiri px.

6.    Kemudian tekan tombol kombinasi Ctrl+F untuk mencari kode seperti dibawah


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


7.    Copy kode dibawah ini tepat disamping kanan kode <div class='region-inner header-inner'>


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


8.    Hingga hasilnya seperti berikut


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


9.    Kemudian gunakan tombol kombinasi lagi untuk mencari kode berikut


<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='false' title='Kios Sederhana (Header)' type='Header'>
          <b:includable id='main'>

10.    Anda hanya mengganti pada kode locked=true menjadi locked=false

11.    Kemudian simpan setelan anda

Jika anda mengikuti langkah – langkah dengan benar, maka pada tampilan Tata Letak pada sebelah kanan header judul akan muncul widget baru, anda dapat meletakan apa saja disitu, tidak harus iklan, tapi lebih sering digunakan untuk memasang iklan.

Terimasih telah membaca artikel ini, semoga bermanfaat, jangan sungkan untuk mampir lagi, tinggalkan isi di kolom komentar jika anda kurang puas, agar saya bisa memperbaiki apa yang perlu ditambahkan untuk kepuasan anda.

Artikel Terkait : Blogging Tutorial