Cara Memasang Iklan Adsense di Tengah Artikel

Terkadang membingungkan juga ketika kita mengaktifkan iklan otomatis. Sebab, mengaktifkan iklan otomatis bagi sebagian orang itu akan merusak tampilan pada laman blog yang kita kelola.

{tocify} $title={Daftar Isi Artikel}
Ada banyak sekali developer web khusus blogspot yang sengaja menambah pemasangan iklan otomatis di tengah artikel untuk template yang mereka buat. Namun apa jadinya ketika kamu tidak punya uang cukup untuk membeli template tersebut?

Pada tulisan kali ini saya akan berbagi bagaimana caranya memasang iklan adsense di tengah-tengah artikel sesuai keinginan kalian semua.

Apa itu Iklan di Tengah?

Iklan di tengah artikel adalah iklan yang berada tepat di tengah-tengah artikel atau postingan blog yang kita kelola.

Pasang Iklan Dalam Postingan

Banyak sekali jenis iklan Adsense yang bisa kita modifikasi dan memasangnya kedalam postingan blog, salah satunya yaitu iklan multiplex. Sayangnya untuk iklan jenis ini, kamu harus ekstra sabar dan teliti saat memodifikasinya.

Oleh karena kerumitan itu, di sini saya hanya akan berbagi jenis iklan display, tentunya script iklan inipun telah saya modifikasi, guna untuk kerapihan tampilan dan untuk memudahkan kalian. Jadi kalian tinggak kopas kode saja.

Langkah Unuk Memulai


Sebelum memulainya, sebaiknya perhatikan langkah-langkah yang akan saya uraikan di bawah ini, dan caranya adalah:

  1. Buka Blogger .
  2. Tab di bagian list.
  3. Pilih tema.
  4. Edit HTML.
  5. Hapus kode <data:post.body/>.
  6. Ganti kode.
  7. Simpan tema, "Selesai".

Ketika kamu kesulitan mencari kode (<data:post.body/>), maka cukup dengan klik list atau titik tiga di sebelah kanan atas, caranya adalah:

  • Klik tombol titik tiga.
  • Lalu lompat wiget.
  • Kemudian pilih wiget Blog1.
  • Selanjutnya ketuk wiget.

Setelah masuk kedalam script, scrol kebawah, biasanya letak kode tersebut berada di bagian bawah wiget Blog1. Untuk lebih jelasnya, silahkan perhatikan gambar di atas.

Kode Script 1 Iklan

Silahkan gunakan kode ini, apabila kamu hanya ingin memasang satu iklan saja di tengah-tengah artikel.

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
  
&lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2132237029415560
&quot;
     crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
&lt;!-- ArtikelADS --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:inline-block;width:100%;height:300px&quot;
     data-ad-client=&quot;ca-pub-2132237029415560&quot;
     data-ad-slot=&quot;2915655560&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
  
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
{codeBox}

Kode Script 2 Iklan

Berikutnya, gunakan kode ini jika kamu ingin memasang dua iklan sekaligus ke tengah-tengah artikel.

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>

&lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2132237029415560&quot;
     crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
&lt;!-- ArtikelADS --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:inline-block;width:100%;height:300px&quot;
     data-ad-client=&quot;ca-pub-2132237029415560&quot;
     data-ad-slot=&quot;2915655560&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;  </center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<div class='googlepublisherads' style='margin:20px 0'>
<center>

&lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2132237029415560&quot;
     crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
&lt;!-- ArtikelADS --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:inline-block;width:100%;height:300px&quot;
     data-ad-client=&quot;ca-pub-2132237029415560&quot;
     data-ad-slot=&quot;2915655560&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;  
    
</center>
</div>
<div expr:id='&quot;post3&quot; + data:post.id'/>
&lt;script type=&#39;text/javascript&#39;&gt;
var ads1=1/3;
var ads2=4/5;
var a=document.getElementById(&quot;post1<data:post.id/>&quot;);
var b=document.getElementById(&quot;post2<data:post.id/>&quot;);
var c=document.getElementById(&quot;post3<data:post.id/>&quot;);
var html=b.innerHTML;
var n=html.length;
var t=html.substr(0,n*ads1);
var i=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
var t2=html.substr(0,n*ads2);
var i2=t2.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(i&gt;0 &amp;&amp; i2&gt;0){
a.innerHTML=html.substr(0,i);
b.innerHTML=html.substr(i+4,i2);
c.innerHTML=html.substr(i2+4);
}&lt;/script&gt; 
{codeBox}

Cara Pemasangan yang Benar

Agar supaya kamu tidak kesulitan saat meniru panduan ini, semua kode sudah saya seting sebaik mungkin, silahkan perhatikan semua kodenya. Di sini yang perlu kamu ubah hanya kode atau ID iklan adsense dan kode slot iklan yang kamu miliki.

Tetapi jika kamu ingin memodifikasi silahkan saja. Intinya sesui keinginan kita, berhubung saya menyukai keindahan, maka kode iklan saya ubah lebar responsif dan tinggi 300px.

Itulah bagaimana caranya memasang iklan adsense di tengah-tengah artikel sesuai keingingin. kode iklan tersebut bisa di ganti dengan jenis iklan multiplex, jadi kalian tinggal ubah kode iklan multiplex milik kalian sendiri.

Atau apabila kesulitan silahkan hubungi saya melalui tombol informasi kontak yang telah saya sedikan, maka dengan senang hati, saya akan membantu mengatasi masalah yang kalian miliki. Semoga membantu dan bermanfaat.

1 Komentar

Beri masukan dan tanggapan Anda tentang artikel ini secara bijak.

Lebih baru Lebih lama
Posts ADS 3