Cara Mudah Memasang Iklan di Tengah Artikel

MurliCyber    7/04/2016    Blogger , Tutorial    Comment   

Faktor penempatan posisi iklan sangat berpengaruh terhadap penghasilan seorang blogger. Oleh karena itulah gue akan menjelaskan mengenai cara memasang iklan di tengah postingan pada platform blogger.

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 gue 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 kamu. 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 kamu 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 kamu ingin membuat posisi iklan terlihat lebih rapi bisa mencoba dan menggunakan kode dibawah ini :

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>

Selanjutnya tinggal kamu pilih posisi iklan yang menurut kamu cocok, sekian dan terima kasih.