Cara Memasang Iklan di Tengah Postingan tanpa Merusak Gambar

Memasang iklan menjadi hal yang biasa oleh pemilik blog. Terlebih iklan adsense. Namun pilihan tempat dan letak iklan menjadi hal yang perlu diperhatikan. Demikian pula, posisi iklan tentu harus memperhatikan template dan bentuk blog. Jangan asal memasang iklan, tanpa mempedulikan bentuk template sahabat semua.

Jika salah dalam menentukan letak posisi iklan, maka akan mempengaruhi bentuk dan penampilan blog sahabat semua looooo. Bahkan tidak tanggung-tanggung, penempatan yang salah akan merusak juga isi posingan. Hal ini terjadi jika blog atau isi postingan sahabat berupa gambar-gambar, namun menempatkan iklan di tengah, maka selain iklan tidak muncul juga gambar menjadi rusak.

Jika sebelumnya, Ngonline06 telah berbagi trik mudah memasang iklan di tengah postingan, maka sekarang juga akan membahas itu kembali. Lo, koq diulang? Bukan diulang, namun sebagai penyempurnaan. Pada trik pertama ada sedikit kendala, khususnya jika postingan sahabat berupa gambar, maka otomatis gambar tersebut tidak terbaca, maka pada kesempatan ini akan diulas tentang cara memasang iklan di tengah postingan tanpa merusak gambar.

Berikut adalah cara mudah memasang iklan di tengah postingan tanpa merusak gambar yang sahabat pasang di postingan. Cara ini adalah 'resep' dari seocips.com:

1. Silahkan parse/convert terlebih dahulu script iklan sahabat DISINI.
2. Setelah itu, login ke dashboard blog. Klik menu template > edit HTML.
3. Cari kode <data:post.body/>, yang ditandai dengan tag kondisional yang menunjukkan post body yang akan ditampilkan pada postingan, bukan di homepage. Contohnya seperti di bawah ini.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
Tambahkan kode <div id='jobmiddlenew'> di atasnya dan kode </div> di bawahnya. Maka tampilannya menjadi seperti di bawah ini.
<div id='jobmiddlenew'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
</div>
4. Selanjutnya cari kode </body> dan letakkan kode di bawah ini di atasnya.
<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>
Keterangan: Pasang script iklan sahabat pada kata yang berwarna merah di atas.

5. Save template.