Template dan Tips Seputar Blogger

Thursday, June 22, 2017

Cara Memasang Iklan di Tengah Artikel

Cara Memasang Iklan di Tengah Artikel - Faktor penempatan posisi iklan sangat berpengaruh terhadap penghasilan seorang blogger. Oleh karena itulah Saya akan menjelaskan mengenai cara memasang iklan di tengah postingan pada platform blogger.

Cara Memasang Iklan di Tengah Artikel

Sebenarnya fitur memasang iklan yang berada di antara postingan sudah ada pada blogger, namun itu hanya untuk iklan Google AdSense saja. Lalu bagaimana dengan iklan lain yang ingin dipasang berada di tengan postingan ? Bagaimana dengan struktur template yang berbeda dari bawaan resmi blogger atau sudah dimodifikasi ? Tenang saja Saya punya solusinya untuk mengatasinya, jadi silakan Anda baca artikel ini sampai selesai.

Cara Menambahkan Iklan Berada di Tengah Postingan


1. Ini merupakan cara manual jadi silakan sesuaikan dengan struktur template Anda. Pertama silakan ambil dahulu kode iklan yang akan dipasang.
2. Lalu parse kode iklan agar muncul di halaman artikel blog Anda di HTML Escape
3. Kemudian silakan Anda cari kode ini

<data:post.body/>

4. Ganti kode tersebut dengan kode ini

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
Simpan Kode Iklan Disini
</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. Sebenarnya pada tahap ini sudah selesai, namun jika Anda ingin membuat posisi iklan terlihat lebih rapi bisa mencoba dan menggunakan kode dibawah ini :

Iklan di Tengah Artikel


A. Posisi iklan tepat berada di tengah postingan

 <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='margin:10px auto'>
Simpan Kode Iklan Disini
</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>

B. Posisi iklan berada 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'>
Simpan Kode Iklan Disini
</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>

C. Posisi iklan berada 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'>
Simpan Kode Iklan Disini
</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>

Ok itulah mengenai Cara Memasang Iklan di Tengah Artikel. Selanjutnya tinggal Anda pilih posisi iklan yang menurut Anda cocok.

Berikan tanggapan Anda
EmoticonEmoticon

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×