Cara Terbaru Memasang Iklan Adsense di Tengah Artikel Blog

Rutami-88.blogspot.com - Pada kesempatan kali ini kita akan membahas cara memasang atau membuat iklan di tengah artikel atau postingan blog, meletakan iklan di tengah postingan dipercaya mampu meningkatkan CTR pada iklan tersebut.

Pada toturial meletakan iklan Adsense di tengah artikel kali ini berbeda dengan toturial lainnya yang membahas hal yang sama. Karena cara membuat iklan di tengah postingan blog ini tidak akan mengganggu script blockquote, pre dan code.

Menurut sumber yang saya baca, posisi iklan yang berpontensi mendapat klik adalah iklan yang berada di tengah artikel, karena jika iklan ditempatkan diposisi tersebut akan menyatu dengan konten sehingga akan berpotensi mendapat klik dari pengunjung.

Mungkin bagi para blogger pengguna template Viomagz buatan mas sugeng akan lebih mudah untuk membuat iklan berada di tengah postingan, karena sudah tersedia slot widget untuk meletakan kode html tersebut.

Lalu bagaimana bagi Anda pengguna template yang belum menyediakan widget slot iklan tersebut ?

Anda jangan khawatir, disini akan saya coba share cara memasang iklan di tengah-tengah artikel pada blog, 100% work karena sudah saya terapkan pada blog sederhana ini.

Cara Terbaru Memasang Iklan Adsense di Tengah-Tengah Postingan Blog dengan Mudah.

1. Siapkan dulu unit iklan yang ingin dipasang.
2. Silahkan masuk Dashboard blog, lalu klik Tema selanjutnya EDIT HTML.
3. Cari kode<data:post.body/>nah disini Anda akan menemukan kode tersebut lebih dari satu, biasanya cari yang ketiga.
4. Ganti kode tersebut dengan kode dibawah ini.

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<!-- Letakan Kode Iklan Adsense disini -->
</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/2);
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>

Kalimat yang berwarna Kuning adalah letak kode adsense yang akan dipasang. Terus Angka yang berwarna Merah (r+4) menandakan posisi dari iklan yang akan tampil, semakin kecil angkanya maka iklannya akan semakin turun kebawah, dan semakin besar angkanya maka posisi iklannya makin naik, selanjutnya terserah Anda yang menyesuaikan.

Untuk Demo Iklan ditengah artikel ini silahkan coba pada widget JSFiddle berikut ini, silahkan scroll di dalam widgetnya untuk melihat penampakan iklannya.



Cara Membuat Iklan Adsense di Tengah Postingan Blogger/Blogspot

Jika cara pertama tidak berhasil, Anda bisa mencoba cara kedua ini.

1. Setelah masuk Dashboard Blogger silahkan ke menu Tema/template > Edit HTML
2. Selanjutnya cari kode<data:post.body/> gunakan tombol CTRL + F untuk memudahkan dalam pencarian, silahkan masukan kode tersebut di kolom pencarian dan tekan Enter.
3. Anda akan menemukan kode tersebut lebih dari satu, silahkan cari yang paling bawah.
4. Tambahkan kode HTML dibawah ini dan letakan kode tersebut tepat dibawah<data:post.body/>

<div class='ignielMiddleAds'>
  <!-- Kode Iklan AdSense -->
</div>

ganti <!-- Kode Iklan AdSense -->dengan kode iklan adsense Anda.

5. Tambahkan kode Js dibawah ini tepat diatas</body>

<b:if cond='data:view.isPost'>
  <script> //<![CDATA[
    // Middle Ads Inside Post by rutami-88.blogspot.com
    eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c])}}return p}('K b=["\j\o\e\j\a\c\J\j\h\h\c\a\C\h\i","\o\a\d\M\c\a\u\a\e\d\i\y\r\Q\c\q\i\i\s\q\u\a","\w\m\f\i\d\v\n\f\h\r\t\n\k\P\t\w\m\f\i\d\v\n\f\h\r\t\m","\H\O\a\k\r\x\a\c\a\D\d\f\k\C\c\c","\c\a\e\o\d\F","\e\f\h\a\s\q\u\a","\E","\j\e\i\a\k\d\y\a\G\f\k\a","\m\q\k\a\e\d\s\f\h\a","\e\a\I\d\x\j\n\c\j\e\o"];(N(){B p=A[b[1]](b[0])[0];z(p){B g=A[b[3]](b[2]),l=L(g[b[4]]/2);z(g[l][b[5]]==b[6]){g[l][b[8]][b[7]](p,g[l])}R{g[l][b[8]][b[7]](p,g[l][b[9]])}}})()',54,54,'||||||||||x65|_0x3dea|x6C|x74|x6E|x6F|_0x60f0x2|x64|x73|x69|x72|_0x60f0x3|x70|x62|x67|_0x60f0x1|x61|x79|x4E|x20|x6D|x2D|x2E|x53|x42|if|document|let|x41|x63|x50|x68|x66|x71|x78|x4D|var|parseInt|x45|function|x75|x2C|x43|else'.split('|'),0,{}));
  //]]> </script>
</b:if>

6. Selanjutnya tambahkan kode css agar iklannya tidak berdempetan dengan atas dan bawahnya. Simpan kode css nya diatas </style> atau ]]></b:skin> jaraknya silahkan Anda sesuaikan.

/* Middle Ads Inside Post by rutami-88.blogspot.com */
.ignielMiddleAds {display:block; margin:10px 0px; padding:0px;}

Untuk Demo Iklan Adsense ditengah postingan silahkan Anda klik melalui Codepen dibawah ini.
View on Codepen
Demikian sedikit toturial tentang cara membuat iklan di tengah artikel semoga bermanfaat.

Share this post