Cara menampilkan Google Adsense Dibawah Paragraph Tengah Posting Artikel

Cara menampilkan Google Adsense Dibawah Paragraph Tengah Posting Artikel. Potensi iklan google adsense untuk diklik akan semakin tinggi apabila iklan adsense diletakkan didalam postingan, lebih lebih di bawah paragraph tertentu.

Untuk menempatkan iklan adsense di bawah paragraph di wordpress memang sangat mudah. Ada banyak plugin yang dapat digunakan. Salah satunya adalah Ads Inserter.

Namun, untuk memasukkan code adsense di tengah paragraf di blogger membutuhkan sedikit usaha tambahan.

Namun, dengan mengikuti tutorial berikut ini, insyaAllah memasukkan dan memunculkan iklan adsense di bawah paragraph di blogger atau blogspot akan mudah.

Langkah menampilkan Google Adsense di bawah paragraph blogger dengan mudah.

Langkah Pertama.

Masuk ke blogger. Buka Theme. Buke Edit HTML. Klik pada halaman kode html lalu ketik CRTL+F untuk mencari.
Cara menampilkan Google Adsense Dibawah Paragraph Tengah Posting Artikel

Ingat! harus diklik dulu di dalam halaman html supaya saat anda tekan CRTL+F pencarian akan dikhususkan pada halaman html, bukan halaman blogger. Jika tidak anda lakukan seperti itu, maka pencarian akan susah.

pada search box, ketik   <data:post.body/>

Catatan: ada banyak script <data:post.body/> pada blogger, cari yang urutan kedua.

Langkah Kedua

Masukkan kode yang diberi warna merah pada sebelum dan sesudah <data:post.body/> . Jika dilakukan dengan benar, maka akan tampak seperti berikut:
<div id='adsense-target'><data:post.body/></div>
Setelah script berwarna merah ditambahkan, copy paste kode berikut lalu tambahkan di sebelum baris kode diatas. Berikut kodenya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">ADSENSE CODE HERE</div></b:if>
Jika penempatannya benar, harusnya tampak seperti berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">ADSENSE CODE HERE</div></b:if>

 <div id='adsense-target'><data:post.body/></div> 

Langkah Ketiga

Berikutnya adalah menaruk kode script adsense kedalam script diatas. Caranya adalah ganti tulisa ADSENSE CODE HERE dengan code adsense anda. Tapi, tidak bisa langsung copy paste dari adsense karena TIDAK BISA!. script adsense harus diconvert dulu kebentuk html. caranya. Buka situs berikut:

http://www.blogcrowds.com/resources/parse_html.php

Lalu paste kan kode script adsense anda ke dalam kotak isian, lalu tekan PARSE. maka kode script adsense anda akan berubah. Copy dan Paste script yang sudah berubah tersebut untuk menggantikan tulisan ADSENSE CODE HERE.

Langkah Keempat

Copy dan paste kode dibawah ini tepat setelah script  <div id='adsense-target'><data:post.body/></div>

function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>
Jika anda lakukan benar, maka harusnya keseluruhan kode tampak seperti berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">ADSENSE CODE HERE</div></b:if>

 <div id='adsense-target'><data:post.body/></div>

function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>

Langkah Kelima. Menentukan Letak paragraph

Berikutnya adalah menentukan setelah paragraph keberapa adsense ingin anda munculkan. Caranya, gantilah angka 0 pada code [0] berwarna merah diatas dengan angka 1 atau 2 atau 3, terserah anda. angka 1 berarti adsense diletakkan setelah paragraph pertama. dan seterusnya.

Catatan: Jika anda ingin meletakkan kode adsense setelah H2 atau H3, maka gantilah script br  pada script berwarna biru diatas dengan h2 atau h3. (yang diganti hanya br saja ya, bukan semua yang berwana biru.

0 Response to "Cara menampilkan Google Adsense Dibawah Paragraph Tengah Posting Artikel"

Post a Comment