Friday, 21 June 2013

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

Link to Blogger Tutorials

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

<!-- star setting ads dalam posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"iklan1" + data:post.id'/>
<div style="clear:both; margin:10px 0">
<!-- Hapus dan letakan disini kode Iklan/PPC/Adsense -->
</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>

<!-- stop setting ads dalam posting -->


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

<!-- star setting ads dalam posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"iklan1" + data:post.id'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;
NamaLabel&quot;'>
<div style="clear:both; margin:10px 0">
<!-- Hapus dan letakan disini kode Iklan/PPC/Adsense -->
</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>

<!-- stop setting ads dalam posting -->

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 <!--nomore--> . 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.

<!-- star setting ads dalam posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='&quot;aim1&quot; + data:post.id'/>
<div style="clear:both; margin:10px 0">
<!-- Letakan disini kode Iklan/PPC/Adsense -->
</div>
<div expr:id='&quot;aim2&quot; + data:post.id'>
</b:if>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var r=s.search(/\x3C!--nomore--\x3E/igm);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}
</script>

<!-- stop setting ads dalam posting -->


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

<!-- star setting ads dalam posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='&quot;aim1&quot; + data:post.id'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;
NamaLabel&quot;'>
<div style="clear:both; margin:10px 0">
<!-- Letakan disini kode Iklan/PPC/Adsense -->
</div>
</b:if>
</b:loop>
</b:if>
<div expr:id='&quot;aim2&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var r=s.search(/\x3C!--nomore--\x3E/igm);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+13);}
</script>

<!-- stop setting ads dalam posting -->

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 <!--nomore--> 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.

No comments:

Post a Comment

jangan lupa follow blog ini,nanti saya follow back,budayakan tinggalkan komentar.