CARA TERBARU MEMASANG IKLAN DI TENGAH ARTIKEL POSTINGAN

Cara Terbaru Memasang Iklan Ditengah Postingan Tanpa Merusak gambar yang ada di tengah artikel - Hallo sahabat , aku akan menunjukkan tutorial untuk memasang iklan di tengah postingan menyerupai yang aku gunakan pada blog ini , mampu anda lihat di tengah artikel ini terdapat iklan yang aku taruh ditengah-tengah. Cara yang aku bagikan ini terbilang sangat cantik alasannya yaitu dari sekian banyak cara yang aku dapatkan di google , kebanyakan mengalami kendala dan sangat tidak layak untuk dipakai alasannya yaitu saat 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 menjadikan iklan yang dipasang merusak dan membuat awut-awutan tampilan gambar dan memotong wilayah <blockquots> , <pre> dan <code> yang biasanya digunakan pada blog tutorial menyerupai pada blog aku ini. Selain itu , cara yang akan aku 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 jikalau 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 instruksi menyerupai 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 instruksi diatas , Hapus instruksi itu lalu ganti dengan instruksi 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 instruksi 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 instruksi iklan Anda
• Jika Sudah , Tinggal Klik SAVE TEMPLATE
• Selesai

Tambahan : 

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