Cara memasang iklan di tengah postingan blog tanpa merusak gambar

HaiSob apa kabar? pada kesempatan ini saya akan membagikan tutorial bagaimana Cara memasang iklan di tengah postingan blog tanpa merusak gambar yang ada di tengah postingan blog.

Sebenarnya tips ini sudah pernah kami bagikan ( Baca: cara memasang iklan ditengah postingan ) tapi karena pada tutorial sebelumnya ada kekurangannya yakni gambar-gambar yang letaknya ditengah postingan akan bentrok dengan iklan sehingga hasilnya gambar yang ada ditengah artikel postingan akan rusak.

Dengan cara dibawah ini iklan adsense nantinya tidak akan bentrok dengan gambar yang ada di tengah postingan sehingga mungkin ini cara terbaik jika anda ingin meletakan iklan anda ditengah postingan di Blogger Blog.

Cara memasang iklan di tengah postingan tanpa merusak gambar yang ada di tengah Postingan.


Siapkan iklan adsense yang ingin anda pasang di blog anda. Usahakan pilih iklan yang ukurannya sesuai dengan lebar postingan.

Baca juga: cara memasang iklan di bawah artikel postingan.

1. Convert script / kode iklan di sini: Parse Script Iklan.
2. Lalu kalian copy kode iklan kalian dan kemudian pastekan di kotaknya lalu klik convert.
3. Setelah di klik convert maka kamu akan mendapatkan kodenya.
4. Jika sudah, Pilih menu Template ➔ Edit HTML
Cara Memasang Iklan Adsense di tengah artikel Postingan
Template - Edit HTML

5. Cari kode <data:post.body/> yang di tandai tag kondisional yang menunjukan post body yang akan ditampilkan di halaman posting ( bukan di homepage ) contohnya seperti dibawah ini:
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
6. Tambahkana kode <div id='jobmiddlenew'> dan kode penutupnya  </div> dibawahnya, sehingga menjadi :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='jobmiddlenew'>
<data:post.body/>
          </div>
 </b:if>
7. Selanjutnya cari kode </body> dan letakan kode dibawah ini diatasnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
IKLAN DISINI    </div>
 <script type='text/javascript'>
var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);
var n = substr.search(&quot;&lt;br&gt;&quot;);
if(n&lt;0)
{
n = substr.indexOf(&#39;.&#39;);
if(n&lt;0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);
}
else
{
var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;
var newbody=firsthalf+addcode+secondhalf;
var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
strnew[0].innerHTML=newbody;
document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;
</script>
  </b:if>
8. Ganti tulisan IKLAN DISINI dengan kode script iklan anda. Save template, lihat hasilnya.

Baca juga: cara memasang iklan melayang dengan tombol close di blog

Salah satu penempatan iklan terbaik adalah memasang iklan yang dekat dengan perhatian pengguna atau pembaca. Iklan yang paling dekat dengan perhatian pengguna adalah iklan yang berada di area postingan. Misalnya, iklan yang dipasang di tengah-tengah artikel postingan blog. Memasang iklan ditengah artikel postingan akan memberikan peluang untuk memperbesar penghasilan jika anda memasang iklan jenis PPC seperti adsense dan sejenisnya.