Mengatasi Posting Blog Berantakan Akibat Iklan di Tengah

Mengatasi Posting Blog Berantakan Akibat Iklan di Tengah

Berawal ketika saya sedang semangat-semangatnya mengupdate blog karena tergiur dari beberapa cerita orang yang sukses menghasilkan banyak uang lewat periklanan yang ditampilkan dalam blog mereka, maka saya pun tidak mau kalah untuk melakukan hal serupa dengan membuat blog dengan banyak posting menarik dan menaruh beberapa iklan di widget, tapi sepertinya hasil klik iklan yang saya dapatkan sangat sedikit sekali.

Melihat blog tetangga yang bisa menampilkan iklan ditengah, sayapun mulai tertarik untuk melakun hal serupa. Tanpa perlu bersusah payah saya pun menemukan kode javascript yang bisa menampilkan iklan ditengah postingan yang kodenya seperti dibawah ini:

The Most Popular Traffic Exchange
<div expr:id='&quot;iklan1&quot; + data:post.id'></div>
<div style='clear:both; margin:10px 0'>
SCRIPT IKLAN
</script>
</div><div expr:id='&quot;iklan2&quot; + data:post.id'>
<data:post.body/>
</div><script type='text/javascript'>
var obj0=document.getElementById(&quot;iklan1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;iklan2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot; &quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script><div>
Akhirnya  iklan pun muncul ditengah postingan, namun beberapa hari kemudian saya baru tersadar kalau iklan bergambar menjadi berantakan atau kode html menjadi terlihat ketika dipublikasikan. Singkat cerita dengan berbagai percobaan akhirnya masalah ini pun bisa sedikit diatasi, berikut cara mengatasinya:

Perhatikan bagian kode dari script di atas yang ditandai dengan warna hijau. Perbesar angka (2) menjadi (3) atau (4) atau (5) dan seterusnya, semakin besar angkanya maka posisi iklan akan semakin ke atas.  Syaratnya kamu jangan terburu-buru menaruh gambar dan link pada bagian atas posting, mungkin setelah lebih dari sepertiga atau setengah dari total baris isi posting, barulah kamu boleh menaruh sreenshot gambar agar dan link supaya tidak bertabrakan dengan script iklan. Selanjutnya kamu harus berexperiment sendiri, angka mana yang lebih cocok untuk jenis posting sobat.

Atau cara kedua kamu bisa mencoba script yang telah dimodifikasi dibawah ini, dengan cara yang sama yaitu mereplace atau menimpa kode "<data:post.body/>" dengan kode script dibawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#codeiklantengah{display: none;}
</style>
<div id='codeiklantengah'>
<div style='font-size: 10px;  text-align: left;  color: #FFFFFF;  border-width: 1px;  width: 30px;  font-weight: 600;  border-color: #000000;  float: left;  background-color: #000000;  border-style: solid; height: 18px;border-radius: 6px;'><center>Iklan</center>
</div>
<div align='left'>
PASTE KODE IKLAN DISINI
</div>
</div>
<script type='text/javascript'>
var str1=document.getElementById(&quot;iklantengah&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;codeiklantengah&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;codeiklantengah&quot;).innerHTML=&quot;&quot;;
</script>
</b:if>
Selamat mencoba
Berikut ini cara untuk mengatasi tulisan post berantakan yang diakibatkan oleh pemasangan iklan di tengah postingan, Kode script HTML iklan ditengah postingan blog, cara memasang kode iklan adsense diatas samping postingan, posting acak acakan pakai iklan di tengah blog, cara memasang kode iklan adsense dibawah postingan, Mengatasi Post Berantakan Akibat Iklan Ditengah, cara memasang kode iklan ditengah postingan terbaru, mengatasi posting blog berantakan karena iklan ditengah, script iklan ditengah posting blog, cara memasang kode iklan ditengah postingan yang benar, Code iklan ditengan postingan blog, iklan ditengah membuat posting berantakan, kode html muncul gara-gara iklan ditengah

No comments