Cara Memasang Iklan di Tengah Artikel/Postingan Blog Tanpa Merusak Gambar - Selamat siang saat saya membuat artikel ini :D. Pada kesempatan kali ini saya ingin memberikan tutorial mengenai cara memasang iklan di tengah artikel blog tanpa merusak thumbnail atau gambar.
Banyak yang bingung mengapa saat menempatkan iklan ditengah postingan blog akan mengakibatkan rusaknya gambar atau thumbnail pada artikel. Maka dari itu, saya membuat artikel ini untuk memberi pencerahan untuk sobat.
Banyak yang berkata bahwa iklan yang efektif adalah iklan yang dekat dengan perhatian pembaca. Iklan yang paling dekat dengan pengunjung adalah iklan didalam konten atau artikel. Contohnya iklan yang di pasang di tengah artikel blog. Dengan memasang iklan ditengah artikel blog akan menarik perhatian pengunjung dan kemungkinan pembaca akan mengklik iklan sobat menjadi lebih besar.
Iklan yang efektif untuk dipasang ditengah artikel adalah iklan PPC (Pay Per Click) contohnya seperti iklan Google AdSense.
Bagi yang sudah penasaran dengan cara memasang iklan google adsense ditengah-tengah artikel blog, berikut ulasannya :
Cara Memasang Iklan di Tengah Artikel Blog
Langkah 1 - Siapkan kode script iklan sobat.
Langkah 3 - Masuk ke Blogger.
Langkah 4 - Pilih tab Template lalu klik Edit HTML.
Langkah 5 - Cari kode <data:post.body/> yang ditandai tag kondisional yang akan ditampilkan di halaman artikel (bukan beranda). Contohnya :
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
Langkah 6 - Masukkan kode <div id='jobmiddlenew'> diatas kode tadi dan tambahkan kode </div> dibawah kode tadi sehingga akan menjadi seperti ini :
<div id='jobmiddlenew'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
</div>
Langkah 7 - Cari kode </body> dan copy kode dibawah ini tepat diatasnya :
<b:if cond='data:blog.pageType == "item"'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
www.menurut-ku.com </div>
<script type='text/javascript'>
var str1=document.getElementById("jobmiddlenew").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("addcodemiddle").innerHTML+"</center><br/>";
var newbody=firsthalf+addcode+secondhalf;
var strnew=document.getElementsByClassName("post-body entry-content");
strnew[0].innerHTML=newbody;
document.getElementById("addcodemiddle").innerHTML="";
</script>
</b:if>
Langkah 8 - Ganti tulisan berwarna biru dengan kode iklan sobat.
Langkah 9 - Save template
Baca Juga :
Demikianlah artikel saya kali ini yang berisi tentang cara memasang iklan di tengah artikel atau postingan blog. Semoga bermanfaat.
.