pada kesempatan kali ini saya akan membuat tutorial tentang cara membuat Cara Memasang Iklan Adsense di Tengah Posting Secara Otomatis
langsung saja lihat langkah-langkahnya bro. lihat dibawah ini :
1. Masuklah ke Edit Template, cari kode <data:post.body/>. Jika ada beberapa tag <data:post.body/>, cari yang diapit oleh tag kondisional <b:if cond=’data:blog.pageType == "item"’>.
2. Setelah itu, ganti kode <data:post.body/>, dengan kode berikut:
<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
SCRIPT IKLAN ADSENSE YANG TELAH DIPARSE
</div>
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<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>
3. Simpan template Anda, dan lihat hasilnya.
Perlu diperhatikan, script di atas akan menempatkan iklan persis di tengah-tengah postingan, atau dengan kata lain, script akan menghitung seluruh kata pada artikel Anda lalu membaginya menjadi 2 (lihat baris kode var t=s.substr(0,s.length/2);), kemudian menyisipkan iklan pada titik tersebut.
Note: Untuk mem-parse kode Adsense, bisa menggunakan Tool Parse ini.
Jadi bila artikel Anda cukup panjang, maka iklan akan muncul agak jauh ke bawah.
Jika Anda mau, Anda bisa merubah angka pembagi ‘2’ dengan angka lain, misalnya ‘6’. Maka artikel akan dibagi menjadi 6 bagian, dan iklan disisipkan di bagian 1/6 yang pertama. Silakan bereksperimen.
Bagaimana kalau saya ingin menempatkan iklan secara bebas di tengah postingan dimanapun saya mau?
Sekali lagi, jika itu yang Anda inginkan, Anda harus mengatur melalui edit posting. Namun, berbeda dengan metode yang pernah saya jelaskan sebelumnya, yaitu dengan menggunakan table, kali ini saya beri cara yang jauh lebih praktis dan mudah.
Anda tinggal merubah sedikit kode script di atas, yaitu pada baris var t=s.substr(0,s.length/2); dan 2 baris di bawahnya, dengan kode:
var r=s.search(/x3C!– adsense –x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r); obj1.innerHTML=s.substr(r+16);}
Jadi seluruhnya akan tampak seperti ini:
<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
SCRIPT IKLAN ADSENSE YANG TELAH DIPARSE
</div>
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/x3C!-- adsense --x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);
obj1.innerHTML=s.substr(r+16);}
</script>
Selanjutnya, pada saat Anda membuat posting, atau juga mengeditnya, tempatkan tag <!– adsense –> di mana pun Anda ingin menempatkan iklan Adsense. Ingat, untuk menyisipkan tag <!– adsense –> pada mode HTML.
Silakan pilih cara mana yang lebih sesuai bagi Anda. Kedua cara di atas, sama-sama menempatkan iklan adsense dengan mengambil space di tengah-tengah artikel, jika Anda menginginkan iklan di sebelah kanan artikel misalnya (dengan text-wrapping), Anda dapat menambahkan kode tambahan pada script iklan yang telah diparse tadi.
Jadi akan menjadi seperti ini:
<div style='float:right; margin: 0px 0px 0px 10px'>
<ins class="adsbygoogle"
style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
Semoga bermanfaat untuk kalian semua..
#SALAM BLOGGER 👍
0 Response to "Cara Memasang Iklan Adsense di Tengah Posting Secara Otomatis"
Post a Comment