Skip to main content

follow us


www.azid.web.id - Cara Membuat Iklan Adsense Di Tengah Artikel Secara Otomatis dengan Java Script. Pada artikel sebelumnya saya sudah pernah share cara membuat iklan adsense di tengah artikel ala template viomagz akan tetapi setelah saya praktekkan pada template kompi flexible versi 8 update saya sendiri ternyata tidak bekerja jadi saya mencoba mencari solusi dan akhirnya ada alternatif lain untuk membuat iklan adsense ditengah artikel.

Cara ini saya dapatkan dari hasil eksperimen template kompi flexible versi 6 dan ternyata berhasil akhirnya script tersebut sedikit saya modif dan saya letakkan pada kompi flexible versi 8. Bagaimana caranya?, simak tutorialnya dibawah ini

Pertama, Sobat harus masuk ke akun blogger terlebih dahulu dan menuju tema atau template kemudian klik edi HTML

Baca Juga: Template Gratis Kompiajaib AMP HTML Versi 3

Kedua, bagi template selain kompi flexible versi 8 buatan saya maka sobat perlu memasang kode css dibawah ini. Letakkan kode css tersebut didalam tag <style> ..... </style> yang biasanya ada diatas kode </head>


.middleAds{margin:20px 0}
@media print{.middleAds{display:none}


bagi template kompi flexible versi 8 dari saya maka lewati saja cara tersebut

Ketiga, Setelah memasang kode diatas langkah selanjunya carilah kode data:post.body, biasanya ada beberapa carilah yang diatasnya ada tag <b:if ..... item...> untuk template kompi flexible cuma ada satu jadi mudah saja. Kurang lebih lengkapnya 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


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


Jika sudah ketemu hapus saja kode tersebut dan ganti dengan 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>


Keempat, jika sudah maka langkah terakhir adalah save template sobat dan lihat hasilnya.

Baca Juga: Template Gratis kompiajaib Non AMP Fast Loading hingga 100%

Demikianlah artikel saya tentang Cara Membuat Iklan Adsense Di Tengah Artikel Secara Otomatis dengan Java Script. Semoga artikel ini bermanfaat. Amin.
PERHATIAN!: setiap link template pada blog ini di direct 5 -7 kali jadi harap bersabar.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar