Cara Meletakkan Kode Iklan Dengan Sempurna Ditengah Posting

PropellerAds
Iklan adalah nadi dari setiap teman-teman blogger, karena dari iklanlah pundi-pundi emas yang bisa kita dulang segbagai penghasilan dan mata pencaharian. Posisi iklan sangat berpengaruh terhadap keindahan halaman pada blog kita, karena visitor akan betah pada blog kita apabila yang terpampang didepan kita adalah hal-hal yang menarik dan tersusun dengan rapi.

Bisa kita bayangkan apabila blog kita amburadul dan acak-acakan, apakah kita juga senang?

Disini akan kits bahas bersama mengenai peletakan iklan ditengah posting yang tentunya tidak merusak pemandangan, yang harus kita lakukan adalah:

Masuk ke akun blogger.
Masuk ke menu tab Template > Edit HTML.
Cari kode seperti dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='description articleBody'><data:post.body/></div>
</b:if>
Tambahkan kode lain pada kode tersebut sehingga menjadi 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>
Letakkan kode berikut tepat 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>
Ganti tulisan KODE IKLAN YANG SUDAH DIPARSE dengan kode iklan yang sudah diparse terlebih dahulu.

Demikian tutorial yang bisa kami sampaikan, jika kurang dipahami silahkan tinggalkan pesan.

Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser