CARA TERBARU MEMASANG IKLAN DI TENGAH ARTIKEL POSTINGAN

Cara Terbaru Memasang Iklan Ditengah Postingan Tanpa Merusak gambar yang ada di tengah artikel - Hallo sobat, saya akan memberikan tutorial untuk memasang iklan di tengah postingan seperti yang saya gunakan pada blog ini, bisa anda lihat di tengah artikel ini terdapat iklan yang saya taruh ditengah-tengah. Cara yang saya bagikan ini terbilang sangat bagus karena dari sekian banyak cara yang saya dapatkan di google, kebanyakan mengalami kendala dan sangat tidak layak untuk dipakai karena ketika iklan dipasang dan ternyata di tengah postingan ada gambar, maka gambar tersebut akan rusak.

Dari beberapa tutorial memasang iklan di tengah artikel yang bertebaran di google kebanyakan menyebabkan iklan yang dipasang merusak dan membuat berantakan tampilan gambar dan memotong wilayah <blockquots> , <pre> dan <code> yang biasanya digunakan pada blog tutorial seperti pada blog saya ini. Selain itu, cara yang akan saya bagikan ini akan membuat iklan yang anda taruh akan otomatis berada di setiap postingan, sehingga anda tidak perlu repot-repot menaruh iklan berkali-kali.

Lalu apasih keuntungan memasang iklan di tengah postingan/artikel? Menampilkan iklan di tengah artikel dipercaya dapat meningkatkan CTR dari iklan tersebut sehingga penghasilan yang anda dapatkan akan lebih besar, Terutama jika anda merupakan seorang publiser Adsense akan sangat direkomendasikan untuk memasang iklan di tengah Artikel. Berikut langkah-langkahnya :

• Buka Blogger, lalu menuju ke Edit HTML
• Cari kode seperti berikut ini (Agar lebih cepat gunakan fungsi Find, Ctrl+F)

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

• Setelah menemukan kode diatas, Hapus kode itu lalu ganti dengan kode berikut ini:

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

• Selanjutnya silahkan Copy kode dibawah ini lalu pastekan diatas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<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 YANG SUDAH 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>

• Pada Kode diatas, Silahkan Anda ganti "Kode Iklan Yang Sudah Diparse" dengan kode iklan Anda
• Jika Sudah, Tinggal Klik SAVE TEMPLATE
• Selesai

Tambahan : 

• Untuk memunculkan iklan silahkan ganti "None" menjadi "yes" pada kode diatas.
• Referensi Kode diatas bersumber dari Blog milik Bung Frangky

Share this post