Tips dan Cara Pasang Iklan Google Adsense ditengah Artikel Tanpa Merusak Gambar

Tips dan Cara Pasang Iklan Google Adsense ditengah Artikel Tanpa Merusak Gambar | hallo sobat, pada kesempatan kali ini saya akan membagikan sebuah tips atau cara kepada kalian yang kebingungan dengan bagaimana sih cara memasang iklan di tengah-tengah postingan artikel kita, tenang saja kali ini masalah kalian akan teratasi karena kali ini Awen Lianto akan membagikan tips dan caranya kepada kalian semua.

Salah satu penempatan iklan yang terbaik adalah memasang iklan yang selalu di perhatikan pengguna atau pembaca sekalipun. Iklan yang paling dekat dengan perhatian pengguna adalah iklan yang tepat berada di area artikel kita. Misalkan, iklan yang kita pasang di tengah-tengah artikel postingan blog kita. Memasang iklan ditengah artikel postingan akan memberikan peluang untuk memperbesar penghasilan kalian jika kalian memasang iklan jenis PPC seperti Adsense dan lain sebagainya.


Sebenarnya saya sudah pernah membagikan sebuah artikel yang sama yaitu ( Cara Memasang Iklan Google Adsense di Bawah Judul Postingan ) tapi pada tutorial tersebut saya tidak memberikan cara pasang iklan di tengah artikel postingan namun di bawah akhir postingan,

Dengan cara di bawha ini iklan adsense nantinya tidak akan bentrok dengan gambar yang ada di tengah postingan sehingga mungkin ini cara terbaik jika kalian ingin meletakkan iklan kalian ditengah-tengah postingan artikel di Blogger blog.

Tips dan Cara Pasang Iklan Google Adsense ditengah Artikel Tanpa Merusak Gambar


Tips dan Cara Pasang Iklan Google Adsense ditengah Artikel Tanpa Merusak Gambar


Tahap pertahama siapkan kode unit iklan adsense yang ingin kalian pasang di blog kalian tersebut. Usahakanlah pilih sebuah iklan yang berukuran sesuai dengan lebar postingan. 
Kemudian convert/ parse kode iklan anda ( Parse / convert di : Ads code converter ) 
Kemudian Masuk ke dalam halaman Blogger kalian.
Pilihlah Template > Edit HTML
Setelah itu cari kode <data:post.body/> yang di tandai dengan tag kondisional y ang menuju post body yang akan ditampilkan pada halaman posting artikel ( bukan di homepage ) contohnya seperti di bawah ini:
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
Tambahkanlah kode <div id='jobmiddlenew'> diatasnya dan kode </div> dibawahnya sehingga akan menjadi seperti :
<div id='jobmiddlenew'>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
         
Selanjutnya silahkan kalian cari kode </body> dan letakkan kode-kode di bawah ini di atas kode </body> .
<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 kalian tersebut. Kemudian Save Template, dan silahkan lihat hasilnya sendiri.

SELESAI

Demikianlah artikel saya kali ini mengenai Tips dan Cara Pasang Iklan Google Adsense ditengah Artikel Tanpa Merusak Gambar semoga bermanfaat bagi kalian semua dan Terimakasih telah berkunjung ke blog saya nantikan artikel-artikel dan tips-tips menarik selanjutnya dari blog saya ini :D