Tutorial Pemasangan Iklan ditengah Artikel Postingan Tanpa Merusak Gambar

Hienzo™ - Bailah sobat semua pada kesempatan kali ini saya akan memberikan Tutorial Pemasangan 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 tutorial ini sudah pernah saya bagikan pada artikel sebelumnya tetapi pada tutorial sebelumnya itu 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.
Sekian yang dapat dibagikan seocips untuk saat ini semoga bermanfaat.

Baiklah sobat semua Terima Kasih sudah membaca postingan saya tentang Tutorial Pemasangan Iklan ditengah Artikel Postingan Tanpa Merusak Gambar, Semoga artikel ini bermanfaat buat sobat semua.

Tweet