Ada banyak kode script iklan yang bisa kita dapatkan di internet, namun terkadang ada beberapa kode script yang tidak sempurna untuk bisa meletakan iklan pada posisi yang baik di antara berbagai jenis konten yang dilengkapi dengan gambar atau video, seperti contoh script dibawah ini:
<div expr:id='"iklan1" + data:post.id'></div>
<div style='clear:both; margin:10px 0'>
SCRIPT IKLAN
</script>
</div><div expr:id='"iklan2" + data:post.id'>
<data:post.body/>
</div><script type='text/javascript'>
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script><div>
Dengan memakai script diatas, artikal bergambar menjadi berantakan atau terkadang kode html menjadi terlihat saat artikel sudah dipublikasikan. Namun script ini sebenarnya bisa diatur agar posisi iklannya sesuai dengan keinginan kita. 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 bereksperiment sendiri, angka mana yang lebih cocok untuk jenis postingan pada blog kamu.
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 == "item"'>Semoga bermanfaat.
<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("iklantengah").innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);
var n = substr.search("<br>");
if(n<0)
{
n = substr.indexOf('.');
if(n<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="<center>"+document.getElementById("codeiklantengah").innerHTML+"</center><br/>";
var newbody=firsthalf+addcode+secondhalf;
var strnew=document.getElementsByClassName("post-body entry-content");
strnew[0].innerHTML=newbody;
document.getElementById("codeiklantengah").innerHTML="";
</script>
</b:if>
Tidak ada komentar:
Posting Komentar