Cara Menempatkan Iklan Di Atas Postingan Pada Blog

Nah kali ini saya akan berbagi trik tentang cara menempatkan iklan di atas artikel atau di bawah judul artikel. Trik ini sangat berguna dan bermanfaat jika Anda mempunyai blog yang menyediakan iklan pada tempat yang berbeda. Biasanya iklan berada pada sidebar/samping kiri atau kanan blog, pada header/bagian atas blog, bahkan pada footer/bagian bawah blog, tetapi pada postingan artikel kali ini saya akan membahas agar iklan berada di dalam postingan/artikel 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 jangan salahkan saya jika cara ini tidak dapat digunakan pada template Anda dan syukur dan selamat jika berhasil, karena setelah saya mencoba cara ini ke beberapa template termasuk template ini, tidak terjadi eror sama sekali dan berhasil, tetapi jika Anda merasa kesulitan Anda tinggal berkomentar saja beserta pertanyaan Anda, saya akan siap untuk menjawabnya, hehehe. nah kita mulai dengan caranya.

Contohnya seperti gambar di bawah ini, atau Anda lihat pada postingan saya,


Langkah-langkahnya,
  • Pertama, silahkan Anda login dahulu ke Blogger kesayangan Anda,
Klik Gambar Untuk Memperbesar
  • Jika sudah login, pada dasbor blogger Anda, silahkan klik tanda panah kebawah lalu pilih Template,
Klik Gambar Untuk Memperbesar
  • Lalu pilih Edit HTML, jangan lupa untuk ceklist Expand Widget Template,
  • 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,

Usai sudah tutorial ini, selamat mencoba dan terima kasih.
Jika ada yang tidak diketahui, Anda cukup berkomentar saja di bawah ini.
4.5

0 komentar:

Poskan Komentar