Cara Pasang Iklan ditengah Artikel Postingan Tanpa Merusak Gambar

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.

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 Adsense di tengah artikel Postingan

Siapkan iklan adsense yang ingin anda pasang di blog anda. Usahakan pilih iklan yang ukurannya sesuai dengan lebar postingan.
Kemudian convert/ parse kode iklan anda ( Parse/convert di : Ads code converter )
Masuk ke Blog Blogger anda.
Pilih Template >> Edit HTML
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>

Tambahkana kode <div id='jobmiddlenew'> diatasnya dan kode  </div> dibawahnya, sehingga menjadi :

<div id='jobmiddlenew'>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
          </div>

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>

Ganti tulisan IKLAN DISINI dengan kode script iklan anda. Save template, lihat hasilnya.

Selesai.

*Untuk cara memasang iklan adsense di bawah judul blog baca dibawah ini:
Cara memasang iklan dibawah judul Blog.

*Untuk memasang iklan adsense dibawah Artikel Postingan blog lihat dibawah ini:
Cara memasang iklan dibawah artikel postingan.

*Dan untuk anda yang ingin menampilkan iklan hanya pada label tertentu baca dibawah ini:
Cara Menampilkan Iklan Pada Label Tertentu

Sekian yang dapat dibagikan seocips untuk saat ini semoga bermanfaat.