Pada umumnya iklan biasanya berada pada sidebar/samping kiri atau kanan blog, pada header/bagian atas blog, bahkan pada footer/bagian bawah blog, nah bagaiman jika iklan berada tepatnya di atas postingan dan di bawah judul artikel?.

Posting kali ini kita akan membahas bagaimana cara meletakan iklan tepatnya di atas postingan dan di bawah judul artikel. Cara ini memudahkan pengunjung untuk melihat iklan tersebut dan dengan senang hati jika pengunjung tersebut melakukan klik pada iklan tersebut, karena selain membaca artikel pengunjung juga dapat melihat iklan yang tepat berada di atas postingan. Tetapi cara ini belum tentu bisa di pakai di semua template, biarpun begitu apa salahnya jika kita coba.

Untuk contohnya bisa kalian lihat di blog Online File Sharing Free

Ok kita langsung saja mulai Langkah-langkahnya

--> Pertama, silahkan Anda login dahulu ke Blogger kesayangan Anda,

--> Pada dasbor blogger Anda, silahkan klik tanda panah kebawah lalu pilih Template,

--> Edit HTML, jangan lupa untuk ceklist Expand Widget Template dan silahkan cari kode css di bawah ini dengan menekan di ctrl-f pada keyboard,

]]></b:skin>

Selanjutnya, letakan kode di bawah ini sebelum kode di atas,

/* -- (Googe Adsense) -- */

.ads{margin-bottom:10px;border-top:solid 1px #DEDEDE;padding-top:10px;font-size:13px}
.ads-right-min{border-left:solid 1px #DEDEDE;height:250px;padding-left:10px}
.ads-right-min a:link,.ads-right-min a:visited,.bottom-share-links a:link,.bottom-share-links a:visited{font-size:12px;color:#222;display:block;height:22px;line-height:22px;margin-bottom:16px;padding-left:32px}
.ads-right-min a:hover,.bottom-share-links a:hover{color:#666}

Sekarang kalian cari kode di bawah ini. Kode di bawah ini kode penting, karena dengan memasukan kode ini maka akan memunculkan iklan pada postingan Anda,

<div class='post-body entry-content'>

Selanjutnya, letakan kode di bawah ini sesudah/di bawah kode di atas,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='300'>
Kode Iklan
</td>
<td width='300'><div class='ads-right-min'>
Kode Iklan
</div>
</td>
</tr>
</table>
</div></b:if>

Keterangan,
Kode Iklan : Masukanlah kode iklan yang Anda miliki dari situs penyedia iklan,
<td width='300'> : Lebar kotak iklan sebelah kiri,
<td width='300'><div class='ads-right-min'> : Lebar kotak iklan sebelah kanan, Silahkan Anda ganti sendiri angka 300 tersebut, sesuaikan dengan template Anda,

Gampang dan simple bukan, selamat mencoba sobat.

Kamu suka artikel ini..?

Berlangganan artikel terbaru via Email	Follow us!

Artikel Menarik Lainnya