Cara Membuat Iklan Adsense Di Tengah Postingan Secara Otomatis

www.azid45.web.id - Cara Membuat Iklan Adsense Di Tengah Postingan Secara Otomatis. Assalamualaikum.Wr.Wb, pada kesempatan kali ini saya akan share membuat iklan tepat ditengah postingan. Bagi teman-teman yang sudah menggunakan template viomagz pasti sudah mengetahui bahwa dalam template tersebut sudah dilengkapi dengan dua widget untuk iklan ditengah postingan dan dua widget iklan di atas dan dibawah postingan. Lantas apakah kita sebagai pengguna blogger dengan template selain viomagz bisa menampilkan iklan di tengah artikel?, tentunya sangat bisa.

Baca Juga: 3 Template Terbaik tahun 2019

Dari pengalaman saya, ada banyak penyedia dan share tutorial iklan tengah artikel atau postingan akan tetapi setelah saya coba satu persatu pada update template kompi flexible versi 8 yang sudah saya share pada blog saya yang lain www.azid.web.id ternyata tidak bekerja. Kemudian saya mencoba menggunakan script dan widget milik viomagz akan tetapi hasilnya sama sama nihil. Dengan pantang menyerah, akhirnya saya melihat script pada template kompi flexible pada versi sebelumnya kompi flexible versi 6 dan ternyata disana terdapat script iklan tengah artikel kemudian saya uji cobakan dan akhrinya berhasil juga.

Baca Juga: Memodifikasi iklan Matched Content Lebih Menarik

Dengan eksperimen tersebut akhirnya saya berani untuk share cara membuat iklan tengah artikel secara otomatis tersebut buat teman-teman semua. Baik, jika teman-teman ingin memiliki tampilan iklan ditengah artike dan tidak hanya diatas maupun dibawah postingan teman-teman bisa mengikuti langkah-langkahnya dibawah ini;

Pertama, Teman-teman harus masuk ke akun blogger terlebih dahulu dan menuju tema atau template kemudian klik edi HTML. Jika sudah masuk langakh selanjutnya adalah letakkan css berikut diatas kode </head>

<style>.middleAds{margin:20px 0}
@media print{.middleAds{display:none}</style>

Kedua, Setelah memasang kode diatas langkah selanjunya carilah kode data:post.body, biasanya ada beberapa carilah yang diatasnya ada tag <b:if ..... item...> kurang lebih seperti ini

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

atau kadang juga seperti dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>

Jika sudah menemukannya hapus saja script tersebut dan ganti dengan scrpt kode dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
<div id='middleads'>
  <data:post.body/>
  </div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='middle-ads'>
<div class='middleAds'>
<!-- kode Iklan di tengah post letakkan di sini -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='rectangle' data-ad-slot='xxxxxxxxxxxx' style='display:block'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
var str1=document.getElementById("middleads").innerHTML,str2=str1.length,str3=str2/2,substr=str1.substring(str3,str2),n=substr.search("<br>");if(0>n){n=substr.indexOf("."),0>n&&(n=0);var firsthalf=str1.substring(0,str3+n+1),secondhalf=str1.substring(str3+n+1,str2)}else var firsthalf=str1.substring(0,str3+n+4),secondhalf=str1.substring(str3+n+4,str2);var addcode=document.getElementById("middle-ads").innerHTML,newbody=firsthalf+addcode+secondhalf,strnew=document.getElementsByClassName("post-body entry-content");strnew[0].innerHTML=newbody,document.getElementById("middle-ads").innerHTML="";
//]]>
</script>
</b:if>

Ketiga jika sudah maka langkah terakhir adalah save template teman-teman dan lihat hasilnya.

Baca Juga: Hapus Dua Baris File Robots.txt Agar Iklan tidak di Banned

Demikianlah artikel saya tentang Cara Membuat Iklan Adsense Di Tengah Postingan Secara Otomatis. Semoga berhasil. Amin.