Cara Memasang Iklan Adsense Di Tengah Posting, Sempurna dan Rapi

PelangiBlog.Com – Di sini, saya ingin membahas kembali cara memasang iklan Adsense di tengah-tengah posting seteah beberapa posting sebelumnya yang sudah saya terbit tentang cara membuat iklan adsense berada di atas (di bawah judul), di tengah, dan di bwah posting. Anda bisa membacanya dengan jelas pada Cara Memasang Iklan Adsense Di Atas, Di Tengah, Dan Di Bawah Posting.

Pada tutorial sebelumnya sesuai dengan link di atas, saya rasa tutorial memasang iklan Adsense di tengah posting kurang sempurna. Bagaimana bisa ? karena kode script tersebut berfungsi menempatkan iklan Adsense di tengah jumlah semua karakter pada setiap posting. Alhasil, iklan bisa saja bertempat di tengah kalimat atau kata, dan terkadang tidak tampil jika lokasi gambar berada di tengah jumlah karakter posting. Tentu saja kalimat atau kata bisa terpotong oleh iklan, ini terlihat sangat tidak sempurna. Memang, kode script tersebut sudah sangat umum di tutorial blog lainnya.

Nah, pada posting ini saya akan memberikan kembali tutorial untuk memasang iklan adsense di tengah posting, dimana tempat iklan tidak akan memotong kalimat atau kata, iklan bisa bertempat setelah tanda titik atau paragraph baru. 

Jangan khawatir karena tutorial ini sudah saya uji di blog saya sendiri. Anda bisa melihat bagaimana iklan adsense bisa tampil di tengah posting blog saya. Berikut cara dan langkahnya :

1. Login ke akun blogger Anda

2. Masuk dashboard blog

3. Klik “Template” lalu klik “Edit HTML”

4. Cari kode di bawah ini, gunakan CTRL + F agar lebih mudah
<data:post.body/>
Catatan :
  • Seperti pada posting sebelumnya (pada link di atas), biasanya Anda akan menemui 3-4 kode <data:post.body/> yang sama. 
  • Coba pilih kode yang kedua, jika masih gagal Anda bisa mencobanya satu-satu.
  • Jangan lupa untuk back up template Anda terlebih dahulu untuk mengantisipasi error kode HTML

5. Ganti kode <data:post.body/> dengan kode di bawah ini :
<div id='jobmiddlenew'>
<data:post.body/>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
Letakkan Kode Adsense Di Sini
</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('.');
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>
6. Simpan template

Anda bisa melihat contoh penampilan iklan dengan script di atas seperti gambar di bawah ini :


Catatan :
Jika Anda juga memasang iklan di bawah judul, maka tutorial ini akan menyebabkan iklan di bawah judul menjadi hilang. Nah, untuk itu ada coba tutorial yang lebih sempurna lagi yang bisa Anda gunakan pada Cara Sempurna Memasang Iklan Adsense Di tengah Posting Blog

Baca juga :