Sebenarnya tutorial ini sudah pernah saya bagikan di postingan yang berjudul cara memasang iklan di tengah postingan, tapi karena pada tutorial sebelumnya ada kekurangannya yakni gambar yang letaknya di tengah postingan akan bentrok dengan iklan sehingga membuat gambar di tengah postingan jadi rusak. Nah oleh karena itu pada kesempatan ini saya akan membagikan tutorial cara memasang iklan di tengah postingan / artikel tanpa merusak gambar yang ada.

Dengan cara di bawah ini diharapkan iklan yang terpasang tidak akan bentrok dengan gambar yang ada di tengah postingan sehingga mungkin ini cara terbaik jika kamu ingin meletakan iklan ditengah postingan khusunya untuk kamu pengguna Blogger.

Cara Memasang Iklan Di Tengah Postingan Tanpa Merusak Gambar
Cara Memasang Iklan Di Tengah Postingan

Cara Membuat Iklan Tampil di Tengah Postingan Tanpa Merusak Gambar


Siapkan script iklan yang ingin kamu pasang di blog kamu. Usahakan pilih iklan yang ukurannya sesuai dengan lebar postingan.

1. Convert script / kode iklan di sini: Parse Script Iklan.
2. Lalu kalian copy kode iklan kalian dan kemudian pastekan di kotaknya lalu klik convert.
3. Setelah di klik convert maka kamu akan mendapatkan kodenya.
4. Jika sudah, Pilih menu Template ➔ Edit HTML
5. Cari kode <data:post.body/> yang di tandai tag kondisional yang menunjukan post body yang akan ditampilkan di halaman posting ( bukan di homepage ) contohnya seperti dibawah ini:

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>

6. Tambahkana kode <div id='jobmiddlenew'> dan kode penutupnya  </div> dibawahnya, sehingga menjadi :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='jobmiddlenew'>
<data:post.body/>
          </div>
 </b:if>

7. Selanjutnya cari kode </body> dan letakan kode dibawah ini diatasnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
IKLAN DISINI    </div>
 <script type='text/javascript'>
var str1=document.getElementById(&quot;jobmiddlenew&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;addcodemiddle&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;addcodemiddle&quot;).innerHTML=&quot;&quot;;
</script>
  </b:if>

8. Ganti tulisan IKLAN DISINI dengan kode script iklan milikmu yan sudah di parse tadi.
9. Save dan lihat hasilnya.

Salah satu penempatan iklan terbaik adalah memasang iklan yang bisa menarik perhatian pembaca. Misalnya dengan membuat iklan tampil di tengah postingan artikel blog. Sehingga, memberikan peluang untuk memperbesar penghasilan jika memasang iklan jenis PPC seperti adsense dan sejenisnya.

Sekian, semoga bermanfaat.
0 Komentar untuk "Cara Memasang Iklan Di Tengah Postingan Tanpa Merusak Gambar"