Cara Memasang Iklan di Tengah Postingan



Alfa Arts - Cara Memasang Iklan di Tengah Postingan Penempatan iklan pada blog adalah salah satu kunci mendapatkan banyak klik pada iklan kita dan tentunya akan meningkatkan penghasilan juga, namun jika kita memasang iklan di sidebar atau di header sering kali diabaikan, nah untuk mengatasi itu kita bisa memasang iklan ditengah postongan blog. ada banyak keuntugan apabila iklan Adsense dipasang di tengah postingan blog, yaitu meningkatkan jumlah view iklan an juga jumlah klik iklan.

Untuk jenis iklan yang baik untuk ditempatkan ditengah postingan adalah iklan berupa link, karena pengunjung akan lebih tertarik untuk mengeklik iklan berupa link karena biasanya berkaitan dengan artikel yang kita buat. Nah untuk tutorial membuat iklan Adsense ditengah postingan bisa disimak di bawah ini.

Cara Memasang Iklan di Tengah Postingan

Cara Memasang Iklan di Tengah Postingan

Kali ini saya akan memberikan 2 cara untuk memasang iklan ditengah postingan, cara 1 lebih ringan namun berpotensi merusak gambar atau blockquote dalam artikel sedangkan cara ke 2 lebih aman ntuk tampilan blog.

1. Cara Pertama

#Langkah 1
Masuk ke Blogger, Pilih Template > Edit Html

#Langkah 2
Cari kode "<data:post.body/>", apabila terdapat lebih dari satu kode semacam itu pilih yang ke-2 atau yang paling akhir, silahkan coba satu persatu karena setiap template berbeda beda.

#Langkah 3
Ganti kode di langkah-2 dengan kode dibawah ini
 <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:25px 0'>
<center>
--Letakan kode iklan adsense yang telah diparse--
</center>
</div>
<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/3);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script> 

#Langkah 4
- Ganti tulisan --Letakan kode iklan adsense yang telah diparse-- dengan kode iklan sobat yang sudah diparse, untuk cara parse HTML bisa diklik disni.
- Kode /3 Artinya letak iklan berada di 1/3 postingan blog, sobat bisa menggantinya sesuka hati.

#Langkah 5
Terkahir simpan dan lihat hasilnya.

2. Cara Ke-2 Tanpa Merusak Gambar dan Blockquote

#Langkah 1
Masuke ke Blogger, pilih Template > Edit Html.

#Langkah 2
Cari kode "<data:post.body/>", apabila terdapat lebih dari satu kode semacam itu pilih yang ke-2 atau yang paling akhir, silahkan coba satu persatu karena setiap template berbeda beda.

#Langkah 3
Letakan kode "<div id='middleads'>" diatas kode "<data:post.body/>" dan letakan kode "</div>" dibawahnya.

#Langkah 4
Cari kode "</body>" atau "&lt;!--</body>--&gt;&lt;/body&gt;" dan lekatakn kode dibawah ini tepat diatas kode tersebut.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#middle-ads{display: none;margin:0 auto;padding:0}
.middleadsproject{padding:0;width:auto;text-align:center;height:auto;margin:5px auto 0;display:block}
.middleadsproject h4{color:#bbb;text-align:center;margin:0 auto 7px;font-weight:normal!important;letter-spacing:1.5px;padding:0;font-size:90%}
</style>
<div id='middle-ads'><div class='middleadsproject'><h4>Advertiser</h4>
--Letakan kode iklan adsense yang telah diparse--

</div>
</div> <script type='text/javascript'>
var str1=document.getElementById(&quot;middleads&quot;).innerHTML;
var str2=str1.length;
var str3=str2/3;
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;middle-ads&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;middle-ads&quot;).innerHTML=&quot;&quot;;
</script>
  </b:if>

#Langkah 5
- Ganti tulisan --Letakan kode iklan adsense yang telah diparse-- dengan kode iklan sobat yang sudah diparse, untuk cara parse HTML bisa diklik disni.
- Kode /3 Artinya letak iklan berada di 1/3 postingan blog, sobat bisa menggantinya sesuka hati.

#Langkah 6
Terkahir simpan dan lihat hasilnya.

Nah itulah sedikit tutorial tentang cara memasang iklan Adsense ditengah postingan atau artikel blog, semoga dapat menambah wawasan dan pengetahuan sobat tentang blogging. Jika terdapat kesalahan atau pertanyaan tentang bloging atau website bisa menghubungi admin dengan membuka menu contact us yang tersedia.