Adsense - Cara Pasang Iklan Tanpa Merusak Artikel atau Postingan Gambar.

Banyak cara mendapatkan uang dari internet, salah satunya adalah Google Adsense. Google Adsense adalah salah satu media periklanan paling populer di internet dengan pemilik layanannya yaitu Google, media periklanan Google memiliki sistem kerja PPC (Pay Per Click) atau mendapatkan penghasilan dari iklan klik yang kita pasang di Blog atau saluran youtube.

Dikatakan cukup populer karena Google Adsense terbukti membayar publishernya sesuai dengan pendapatan yang terkumpul di akun dashboard atau adsense. Meski cukup populer namun untuk mendapatkan akun adsense tidaklah mudah, membutuhkan sebuah blog yang memiliki reputasi bagus saat daftar adsense bisa diterima. Jika pendaftaran adsense sudah diterima atau tidak disetujui, langkah selanjutnya adalah memasang script iklan yang bisa dari dashboard adsense ke blog agar penghasilan bisa berjalan.

Untuk memasang iklan adsense ada beberapa cara yaitu, pertama langsung melalui menu widget atau langsung melalui edit template. Jika memasang via widget cukup mudah namun memiliki beberapa kelemahan maka iklan hanya bisa dipasang sesuai dengan lokasi elemen widget di layout. Sebaliknya jika menggunakan cara kedua yaitu dengan cara memasang langsung melalui edit posisi iklan HTML bisa diatur dimana saja, seperti di area posting artikel.

Baca: Cara memasang 2 iklan secara otomatis untuk blog

Cara Pasang Iklan Tanpa Merusak Artikel atau Postingan Gambar. 

#Langkah 1
Login ke blog anda dan klik Template> Edit Html

#Langkah 2
Temukan Kode ini.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='description articleBody'><data:post.body/></div>
</b:if>

Dalam beberapa kasus mungkin kode yang ada di blog kita tidak sama tpi kita bisa sesuaikan, dengan mencari "<data: post.body />" mungkin ada 2 atau 3 kode seperti itu yang kita lakukan hanya perlu menyesuaikannya. Lihat gambar di bawah ini:

 atau

 yang perlu kita tambahkan adalah "<div id = 'middleads'>" dan "</ div>" sebagai penutup.

# Langkah 3
Tambahkan kode "<div id = 'middleads'>" dan "</ div>" jadi hasilnya seperti ini ......

<div id='middleads'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='description articleBody'><data:post.body/></div>
</b:if>
</div>

#Langkah 4

Cari "</ body>" Masukkan kode berikut ke html blog Anda, tepat di atas kode "</ body>".

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#middle-ads{display: none;margin:0 auto;padding:0}
.middleadsproject{padding:0;width:auto;text-align:center;height:auto;margin:5px auto 0;display:block}
.middleadsproject h4{color:#bbb;text-align:center;margin:0 auto 7px;font-weight:normal!important;letter-spacing:1.5px;padding:0;font-size:90%}
</style>
<div id='middle-ads'><div class='middleadsproject'><h4>Advertiser</h4>

PARSE CODE

</div>
</div> <script type='text/javascript'>
var str1=document.getElementById(&quot;middleads&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(&#39;.&#39;);
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;middle-ads&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;middle-ads&quot;).innerHTML=&quot;&quot;;
</script>

Ganti kata "Code Parse" dengan menggunakan script iklan Adsense Anda.

Mudah ya kan!
Disini untuk Parse kode html Script.