O-OM.COM | Blogger Tutorial Plus Blogger Templates

Menampilkan iklan ditengah posting berdasarkan Label

Posted: 20 Jun 2013 08:14 AM PDT

Cara memasang Adsense atau iklan lain ditengah postingan pada Platform Blogger sebenarnya sudah basi, sayapun sudah mencobanya sekitar 2 tahun yang lalu, namun jika iklan tersebut bisa kita seting dan hanya muncul jika kita menambahkan label tertentu itu tentu sesuatu yang baru dan tentu saja sangat memudahkan kita kedepannya untuk mengontrol iklan mana yang ingin ditampilkan atau tidak pada semua posting sekaligus. Jadi maksud saya seperti ini, ada kalanya penayangan iklan tidak ingin kita tampilkan pada posting tertentu misalkan pada halaman About, Contact, Privacy Policy atau halaman yang tidak pantas untuk ditayangkan iklan, cara ini sangatlah berguna jika kita memiliki banyak posting tanpa harus merubah kode dalam postingan kita satu-persatu.

Script untuk menampilkan iklan di tengah posting secara otomatis
Script dibawah ini digunakan untuk memasang iklan ditengah posting secara otomatis, tapi menurut saya script ini rada aneh dan letak iklan yang ditampilkan kadang tidak sesuai dengan harapan kita, jadi saya tidak menyarankan script ini, tapi jika kalian ingin mencobanya ya silahkan saja. Untuk caranya sangat mudah, kalian tinggal mengganti saja kode <data:post.body/> dengan kode dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<div expr:id='"iklan1" + data:post.id'/>
<div style="clear:both; margin:10px 0">

</div>
<div expr:id='"iklan2" + data:post.id'>
</b:if>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Jika kalian ingin mengontrol iklan tersebut tampil atau tidak menggunakan label silahkan gunakan kode dibawah ini:

<b:if cond='data:blog.pageType == "item"'>
<div expr:id='"iklan1" + data:post.id'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "NamaLabel"'>
<div style="clear:both; margin:10px 0">

</div>
<div expr:id='"iklan2" + data:post.id'>
</b:if>
</b:loop>
</b:if>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Saya jelaskan cara kerja script diatas:
1. Kode yang berwarna merah diatas merupakan area tempat kalian memasang script iklan entah itu adsense atau iklan apa saja.
2. Kode yang berwarna pink merupakan nama label yang bisa kalian tentukan sendiri nama labelnya.
Untuk menampilkan iklan tinggal tambahkan saja nama labelnya dan jika kalian tidak ingin menampilkan iklan tinggal hapus aja nama labelnya.

Script untuk menampilkan iklan ditengah posting secara manual
Cara yang kedua ini lebih saya sarankan karena penempatan iklan bebas kita atur letaknya. Kelemahan kode ini kita harus memasang script tambahan pada halaman posting dengan menggunakan kode ini  . Disinilah pengontrol iklan dengan label sangat diperlukan jika kita sudah menambakan kodenya pada banyak posting.

Untuk caranya juga sangat mudah, kalian tinggal mengganti saja kode <data:post.body/> dengan kode dibawah ini.

<b:if cond='data:blog.pageType == "item"'>
<div expr:id='"aim1" + data:post.id'/>
<div style="clear:both; margin:10px 0">

</div>
<div expr:id='"aim2" + data:post.id'>
</b:if>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!--nomore--\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}
</script>

Jika kalian ingin mengontrol iklan tersebut tampil atau tidak menggunakan label silahkan gunakan kode dibawah ini.

<b:if cond='data:blog.pageType == "item"'>
<div expr:id='"aim1" + data:post.id'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "NamaLabel"'>
<div style="clear:both; margin:10px 0">

</div>
</b:if>
</b:loop>
</b:if>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!--nomore--\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}
</script>

Saya jelaskan cara kerja script diatas:

1. Kode yang berwarna merah diatas merupakan area tempat kalian memasang script iklan entah itu adsense atau iklan apa saja.
2. Kode yang berwarna pink ditandai dengan NamaLabel merupakan nama label yang bisa kalian tentukan sendiri nama labelnya.
3. Kode berwarna coklat ditandai dengan  adalah kode yang diletakan dalam halaman posting (dalam editor HTML bukan Compose), kalian bisa menentukan sendiri dimana iklan tersebut akan tampil.

Untuk menampilkan iklan tinggal tambahkan saja nama labelnya dan jika kalian tidak ingin menampilkan iklan tinggal hapus aja nama labelnya. gampang kan :)
Ok semoga tutorial diatas berguna :) Salam.