Cara Memasang Iklan Adsense di Tengah Postingan Blog

Sahabat r3my.com, kali ini sebagai awalan tema pada blog ini adalah tentang blogging dan mendapatkan uang dari internet. Tema ini akan aku angkat karena aku juga sedang belajar dengan itu. Sesuai dengan judul blog ini yang "Belajar" maka semua yang aku pelajari di komputer akan kutuliskan. Dan kali ini ialah Cara Memasang Iklan Tengah Postingan.

Aku kepikiran menuliskan tentang ini karena kemarin coba-coba pasang iklan adsense. Hasil klik dari iklan adsenseku sangat miris, bahkan tidak sampai 1%, menyedihkan! Untuk itu aku kepikiran, bagaimana kalau iklannya diletakkan di tengah postingan? Mungkin saja bisa mendongkrak klik-nya kan? 

Cara Pasang Iklan Adsense di Tengah Postingan Blogspot

Sumber: artikelsains.com

Atas dasar itu aku mencari editing script untuk menaruh adsense di tengah postingan. Tetapi hasilnya yang pertama muncul milik juragancipir.com, kucoba dan ternyata gagal. Script yang ada memotong paksa kode HTML, akhirnya jika letaknya tidak pas, maka tabel dan gambar akan rusak oleh kode adsense.

Kemudian akhirnya aku browsing ke blog inggris. Setelah melakukan modifikasi dan kombinasi dari berbagai sumber (dengan bahasa lain, setelah coba-coba puluhan kali). Akhirnya ketemu juga cara memasang iklan di tengah-tengah postingan blogspot.

Parse Iklan

Pertama, seperti biasa, iklan adsense yang sobat punya, harus di parse terlebih dahulu agar dapat berjalan dalam format HTML. Alat parse kode iklan ada banyak di internet, silahkan dicari. Copy Kode Iklan yang Telah di Parse

Edit Template 

Edit template blog teman-teman. Temukan kode berikut ini: 

<data:post.body/>

Ada beberapa kode tersebut dalam template HTML. Pilihlah kode yang muncul kedua.

Kode Script

Untuk memasukkan Iklan pada postingan, ganti kode diatas dengan kode berikut ini:

<div id='jobmiddlenew'>
 <data:post.body/>
          </div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
Masukkan Kode Iklan Adsense yang Sudah Di Parse Disini    </div>
 <script type='text/javascript'>
var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);
var n = substr.search(&quot;&lt;br&gt;&quot;);
if(n&lt;0)
{
n = substr.indexOf('.');
if(n&lt;0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);
}
else
{
var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;
var newbody=firsthalf+addcode+secondhalf;
var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
strnew[0].innerHTML=newbody;
document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;
</script>
  </b:if>

Pada bagian "Masukkan Kode Iklan Adsense yang Sudah Di Parse Disini" kamu bisa isi dengan iklanmu yang telah di parse. Dengan begitu iklan adsense-mu akan bisa muncul di tengah-tengah postingan blog. 

Memasukkan Iklan Lain di Bawah Judul Postingan

cara menambahkan iklan di bawah judul postingan

Karena aku serakah. Iya serakah... huahahaha.. Jadi satu iklan yang terpajang masih kurang menurutku. Akhirnya aku tambahkan iklannya di bagian bawah judul postingan.  Awalnya, karena aku nggak paham kode HTML, aku coba-coba aja untuk memasangnya. Dan yap.. 20 percobaan yang diperlukan sampai posisinya pas. :v

Oke aku share, jadi kalau kalian mau pasang dua Iklan di dalam satu postingan itu, dengan cara yang sama, gunakan kode ini untuk mengganti kode diatas:

<div id='jobmiddlenew'>
 <div style='float:left;width:161px;height:601px;margin:0'>
Masukkan Kode Iklan1 Adsense yang Sudah Di Parse Disini
</div><br/>
<data:post.body/>
          </div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
Masukkan Kode Iklan2 Adsense yang Sudah Di Parse Disini    </div>
 <script type='text/javascript'>
var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);
var n = substr.search(&quot;&lt;br&gt;&quot;);
if(n&lt;0)
{
n = substr.indexOf('.');
if(n&lt;0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);
}
else
{
var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;
var newbody=firsthalf+addcode+secondhalf;
var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
strnew[0].innerHTML=newbody;
document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;
</script>
  </b:if>

Pada bagian: width:161px;height:601px --> Masukkan Ukuran Iklan anda, lebihkan 1-2px
Pada bagian: Masukkan Kode Iklan1 Adsense yang Sudah Di Parse Disini -->kode iklan pertama

Pada bagian: Masukkan Kode Iklan2 Adsense yang Sudah Di Parse Disini -->kode iklan kedua

Jadi dehh..

In Case Gagal

Jika cara tersebut gagal, cobalah untuk menggantikan kode iklan

<data:post.body/>

yang lain pada template blogger sobat. Setelah beberapa percobaan pasti akan berhasil.

Itulah cara menaruh iklan di bagian tengah postingan blogger. Dengan kode ini, iklan sobat tidak akan menabrak kode HTML pemasangan gambar ataupun Tabel, jadi tampilan blog akan tetap cantik dan rapi..

Masukkan komentar jika ada pertanyaan, ataupun tambahan.
Silahkan dicoba.. Thanks!  

Cara Memasang Iklan Adsense di Tengah Postingan Blog 2015-08-06T12:02:00-07:00 Rating: 4.5 Diposkan Oleh: Mahfuzh Huda