Cara Memasang Iklan AdSense di Tengah Postingan tanpa Merusak Posisi Gambar

Setelah melakukan penelusuran hingga ke berbagai situs luar negeri, dapat disimpulkan bahwa untuk memasang atau menampilkan iklan di dalam badan artikel yang diterbitkan ke Blogger atau Blogspot secara umum terdapat 3 (tiga) cara. Dalam hal ini ketiga cara yang dimaksud adalah sebagai berikut:

Satu; Cara yang pertama adalah dengan menyisipkan script iklan secara langsung ke dalam artikel yang akan diterbitkan. Penerapan cara ini tentu saja dilakukan saat sedang menyusun artikel dan penyisipan script iklan pun dikerjakan dalam mode HTML. Akan tetapi cara ini terbilang tidak efektif karena penyisipan script iklan harus dilakukan secara manual satu per satu dalam tiap artikel yang akan maupun yang telah diterbitkan.

Dua; Serupa dengan cara yang pertama, cara yang kedua ini juga terbilang masih kurang efektif untuk dilakukan. Script iklan memang tidak disisipkan secara manual dalam badan artikel namun pada bagian tertentu dari setiap artikel yang ingin digunakan sebagai tempat untuk menayangkan iklan AdSense harus selalu ditambahkan sebuah penanda khusus, misalnya yaitu <!—iklan –>. Kenapa demikian? Karena dalam penerapannya script iklan dimasukkan dalam template, sedangkan penanda tersebut difungsikan untuk memposisikan penayangan iklan. Sehingga dengan menggunakan cara ini iklan dapat diletakkan di bagian manapun sesuai dengan yang diinginkan. Dalam hal ini sebagai contoh misalnya di tengah artikel, di bawah paragraf pertama, kedua, ketiga, keempat, dan lain sebagainya.

Jika ingin menerapkan cara tersebut, maka parse terlebih dulu script atau kode iklan yang akan digunakan. Selanjutnya edit template dan kemudian carilah bagian yang menyatakan <data:post.body/>. Apabila sudah ketemu, maka gantilah bagian tersebut dengan rangkaian kode di bawah ini dan kemudian simpan template.

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='"adsmiddle1" + data:post.id'></div>
<!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->
</b:if>
</b:if>

<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>

<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- iklan --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+14);}
</script>

Tiga; Hampir sama dengan cara yang kedua, cara yang ketiga ini dilakukan dengan menambahkan dan memasukkan script serta kode iklan ke dalam template. Hanya saja jika pada teknik kedua penempatan iklan dalam artikel masih dilakukan secara manual, maka dengan menggunakan teknik yang ketiga ini penempatan iklan dalam artikel berlangsung secara otomatis. Sehingga cara yang ketiga ini bisa dibilang lebih efektif dan efisien bila dibandingkan dengan dua cara sebelumnya.

Serupa dengan cara yang kedua, dalam penerapan teknik ini parse terlebih dulu kode iklan yang akan digunakan untuk selanjutnya edit template, cari bagian <data:post.body/>, ganti bagian tersebut dengan rangkaian kode di bawah ini, dan kemudian simpan template.

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;post1&quot; + data:post.id'/>
<!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->
</div>
</b:if>
</b:if>

<div expr:id='&quot;post2&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
var u=obj1.innerHTML;
var v=u.substr(0,u.length/2);
var w=v.lastIndexOf(&quot;p&lt;&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
if(w&gt;0) {obj0.innerHTML=u.substr(0,w);obj1.innerHTML=u.substr(w+4);}
</script>

Setelah menerapkan teknik di atas, dapat diasumsikan bahwa Anda sudah berhasil memasang iklan dan menempatkannya di tengah postingan atau di bagian manapun dalam artikel sesuai dengan yang Anda inginkan. Namun demikian permasalahan umum yang kemudian terjadi biasanya adalah gambar dalam postingan posisinya akan menjadi rusak atau tidak teratur lagi. Terkadang gambar akan tergeser jauh ke bawah sehingga tayangan artikel pun akhirnya menjadi tampak kurang rapi.

Lalu bagaimana cara mengatasi posisi gambar yang rusak akibat pemasangan iklan AdSense di tengah artikel seperti itu? Caranya sangatlah sederhana, yaitu dengan mengubah gambar menjadi responsif sehingga ukurannya dapat menyesuaikan secara otomatis dan tidak lagi tergeser oleh iklan yang ditayangkan dalam artikel.

Tapi bagaimana cara mengubah ukuran gambar dalam postingan menjadi responsif? Terkait dengan hal ini, detail selengkapnya dapat Anda lihat dan pelajari dalam artikel yang membahas tentang cara menjadikan gambar agar pas dan dapat menyesuaikan otomatis dengan lebar halaman posting.