Tutorial Memasang Iklan Adsense Di Tengah Artikel

19.15
Posisi iklan sangat menentukan bagi pengguna blogger ataupun website. Karena posisi iklan menentukan jumlah pendapatan yang diterima dari pihak adsense. Kali ini Saung Artikel Bangsa akan membahas mengenai topik cara memasang iklan adsense di tengah postingan.

Image result for Memasang Iklan Adsense Di Tengah Artikel Versi Saung Artikel

Sebenarnya fitur memasang iklan sudah tersedia di blogger, tetapi itu hanya iklan adsense saja. Artikel ini juga berguna untuk memasang iklan selain adsense. Banyak yang bertanya bagaimana caranya. Saya rasa memasang iklan di tengah artikel sangat menarik dibandingkan memasang iklan di atas postingan. Tentunya yang pertama kali dilihat oleh pengunjung blog adalah judul dan isi dari artikel yang akan di baca oleh visitor blog. Tentunya cara memasang iklan ditengah postingan akan membuat lupa bahwa ada iklan yang terpasang di artikel yang sedang di baca pengunjung blog.

Cara Memasang Iklan Di Tengah Postingan

1. Cara ini adalah cara manual yang akan kita lakukan untuk memasang iklan di tengah postingan.
2. Parse kode iklan adsense sobat di HTML Converter
3. Cari kode yang seperti ini di dalam template blog
<data:post.body/>

Ingat :
Di dalam template sobat akan menemukan beberapa kode <data:post.body/> tergantung template yang digunakan, coba satu persatu sampai iklan tampil di dalam halaman artikel
4. Ganti kode yang ditemukan dengan kode berikut.
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
Kode Iklan Yang Sudah Di Parse</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>
5. Save template dan lihat hasilnya.

Cara diatas adalah memasang iklan di tengah postingan, lalu bagaimana dengan cara memasang iklan di tengah postingan sebelah kanan atau kiri? sebenarnya caranya sama dengan cara diatas, namun yang membedakan hanyalah kodenya saja. Di bawah ini adalah kode untuk memasang iklan di tengah postingan sebelah kanan dan kiri.

1. Memasang iklan di tengah postingan sebelah kanan
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:right;margin:10px 0 10px 10px'>
Kode Iklan Yang Sudah Di Parse</div>
</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>
2. Memasang iklan di tengah postingan sebelah kiri
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:left;margin:10px 10px 10px 0'>
Kode Iklan Yang Sudah Di Parse</div>
</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>
Jika kamu ingin bertanya dan mengalami kesulitan bisa meninggalkan komentar di postingan ini untuk informasi lebih lanjut. 
Share this with short URL: Get Short URLloading short url

Share this

Seorang blogger pemula yang masih belajar dalam menulis sebuah artikel yang menarik dan berkualitas untuk dibaca.


Artikel Menarik Lainnya

Next Article
Next Post
Previous Article
Previous Post
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar

Formulir Kontak

Nama

Email *

Pesan *