Mengatur Letak Iklan (Bagian 1)

Iklan sepertinya sudah merupakan kewajiban bagi para blogger, karena dengan iklan tersebutlah para blogger terkadang menjadi semangat terkadang menjadi nge-drop. Naik turunnya semangat ngeblog bagi sebagian blogger salah satunya dipengaruhi dari pendapatan yang di peroleh dari iklan. Tampilan dan penempatan iklan menurut para master blogger sangat mempengaruhi pendapatan dari iklan yang kita pasang. Dibawah ini salah satu dari sekian banyak cara menempatkan dan membuat wadah iklan yang telah banyak digunakan oleh para blogger.

Langkah-langkah umum pengatur letak iklan pada blogger:

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Checklist "Expand Template Widget"
Langkah 4
Baca teknik selanjutnya dibawah ini:

1. Menempatkan (Integrasi) Iklan Pada Artikel

Cara ini masih merupakan cara yang efektif untuk meningkatkan pendapatan dari iklan yang kita pasang, karena dengan teknik ini iklan seakan-akan merupakan bagian dari artikel. Bukan teknik untuk mengecoh pengunjung tapi lebih ke nilai seninya, iklan yang terintegrasi dengan artikel akan lebih bagus dan menarik untuk dilihat serta mampu menarik perhatian pengunjung.

Ikuti langkah integrasi iklan dengan artikel pada blogger:
Langkah 1.1
Cari kode dibawah ini:

<data:post.body/>

Langkah 1.2
Tambahkan kode dibawah ini sebelum kode pada langkah 1.1

<div style='float:left'>
Kode Iklan
</div>

Sehingga kode menjadi seperti dibawah ini:

<div style='float:left'>
Kode Iklan
</div><data:post.body/>

Langkah 1.3
Simpan template dan preview (baca keterangan)

2. Membuat Wadah Iklan pada Artikel

Cara ini sebenarnya pengembangan dari cara pertama dengan penambahan wadah (container) iklan agar tampil lebih menarik dan hal ini akan memancing pandangan pengunjung untuk melihat dan membaca isi iklan karena seakan-akan seperti informasi menarik.

Ikuti langkah pembuatan wadah iklan pada artikel blogger:
Langkah 2.1
Cari kode dibawah ini:

]]></b:skin>

Langkah 2.2
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 2.1:

#iklan250{
 float:left;
 width:280px;
 text-align:center;
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjntd29qKH0-yudtu8_YeTX0rqMvt8WedODncDm2Cx78-5UPzrEdiSJHAeDA2velSN2xkpMyviXo9zT6hA7ultyEzscArUc874hED4dbbLoxJVqUUTn5GrXN2LI5JApqs0uIo0DkU8AMdw/d/ads250x250.png) center center no-repeat;
 padding:5px 10px 10px 5px;
}

Langkah 2.3
Cari kode dibawah ini:

<data:post.body/>

Langkah 2.4
Tambahkan kode dibawah ini sebelum kode pada langkah 2.3

<div id='iklan250'>
Kode Iklan
</div>

Sehingga kode menjadi seperti dibawah ini:

<div id='iklan250'>
Kode Iklan
</div><data:post.body/>

Langkah 2.5
Simpan template dan preview (baca keterangan)

Keterangan:

• Iklan lebih baik diset segi empat(rectangle) dengan ukuran 250 x 250 pixel, kecuali cara 1 bisa dengan ukuran berapapun
• Kode Iklan yang akan dimasukan harus di Encode menjadi kode HTML Entities dengan menggunakan Blogger Ads Converter
• Jika mengikuti cara diatas, baik cara 1 maupun cara 2 maka iklan akan terletak pada sebelah kiri artikel, jika ingin meletakannya disebelah kanan artikel ubah kode "left" menjadi "right"
• Jika menggunakan fasilitas pemenggalan artikel (readmore), biasanya kode <data:post.body/> ada 2, cobalah satu-satu

Semoga berhasil, jika berhasil bagaimana komentar anda? Silahkan tinggalkan pesan pada komentar dan Happy Blogging... :)