Kamis, 19 Mei 2016

Cara Pasang Iklan Adsense Ditengah Artikel Tanpa Merusak Gambar

Tutorial memasang iklan adsense didalam artikel - pada pertemuan kali ini kami akan membagikan tutorial mengenai bagaimana cara memasang iklan adsense didalam artikel tanpa merusak Quote / Bloquote serta tidak merusak gambar yang ada didalam artikel ( khususnya gambar yang ada ditengah artikel ).

Memaksimalkan pendapatan adsense memang bisa dilakukan dengan berbagai cara, dan salah satunya adalah dengan memasang unit iklan adsense ( atau iklan PPC apapun ) didalam artikel baik itu di bagian awal, tengah ataupun akhir dari sebuah artikel. Hal ini sangatlah penting sebab dijaman mobile ini hampir sebagian besar pengunjung website besaral dari perangkat smartphone, sehingga sangat tepat memaksimalkan unit iklan didalam artikel.

Cara Pasang Iklan Adsense Ditengah Artikel Tanpa Merusak Gambar


Baca juga : Sepenting apakah backlink itu ? Baca ini

Agar tidak terlalu panjang dan lebar, silahkan disimak cara memasang iklan adsense didalam postingan tanpa merusak gambar berikut ini :

Trik Cara Memasang Iklan Adsense Ditengah Postingan Tanpa Merusak Gambar


Langkah pertama

Pertama silahkan kalian login kedalam akun blogger, kemudian silahkan masuk kedalam editor template HTML. kemudian carilah kode yang mirip dengan kode dibawah ini.

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

Langkah kedua

Setelah ketemu, silahkan tambahkan kode pembuka <div id='middleads'> dan penutup </div> .

Sehingga nantinya akan menjadi kurang lebih seperti dibawah 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 ketiga
Dan langkah terakhir adalah letakkan kode dibawah ini tepat diatas 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>
KODE IKLAN ANDA YANG TELAH DIPARSE

</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>
  </b:if>

Setelah itu silahkan anda save template dan lihat hasilnya, jika langkah langkahnya benar maka hasilnya iklan akan tampil ditengah artikel tanpa merusak gambar atau foto didalam artikel. Semoga bermanfaat dan jangan lupa untuk dibagikan ke sesama.