-->

Blog Untuk Solusi Masalah Error, Aplikasi, Software Komputer Dan Informasi Teknology

Saturday, August 12, 2017

Cara Pasang 3 Kode Iklan atau Lebih dalam Artikel dengan 1 kode Saja


Jika kamu menggunakan Wordpress, sangatlah mudah, Wordpress mungkin memasang beberapa iklan dalam postingan tidak lah sulit, yaitu cukup menggunakan AdSense Plugin for WordPress sudah beres. tidak seperti blog agak ribet banget deh...harus coding dulu rumit banget deh. untuk itu silahkan Anda coba dulu script di bawah ini, jangan lupa script html template bloger anda di backup dulu supaya hal2 yang tidak di inginkan tidak terjadi (error Script) di script ini anda bisa pasang sampai 6 iklan dalam artikel anda. tapi saya buat script hanya sampai 3 iklan saja selanjutnya anda copas aja untuk penambahan kode iklan Anda.


Cara Memasang Beberapa Iklan dalam Postingan :
1. Masuk ke akun Google Adsense dan copy kode iklan yang ingin di letakkan dalam artikel.

2. Parse dulu kode iklan yang sudah di copy tadi, disini : convert iklan

3. Selanjutnya copy kode dibawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='ad-script1'>
<div style='clear:both;'>
Kode iklan 1
</div>
</div>
<div id='ad-script2'>
<div style='clear:both;'>
Kode iklan 2
</div>
</div>
<div id='ad-script3'>
<div style='clear:both;'>
Kode iklan 3
</div>
</div>
</b:if>
</b:if>
<div id='tgt-post'>
<data:post.body/>
</div>

<script type='text/javascript'>
  function insertAfter(tbh,tgt) {
  var prt = tgt.parentNode;
  if (prt.lastChild == tgt) {prt.appendChild(tbh);}
  else {prt.insertBefore(tbh,tgt.nextSibling);}}
  var tgt = document.getElementById(&quot;tgt-post&quot;);
  var adps1 = document.getElementById(&quot;ad-script1&quot;);
  var adps2 = document.getElementById(&quot;ad-script2&quot;);
  var adps3 = document.getElementById(&quot;ad-script3&quot;);
  var prgf1 = tgt.getElementsByTagName(&quot;br&quot;);
  var prgf2 = tgt.getElementsByTagName(&quot;p&gt;&quot;);
  if (prgf1.length &gt; 0) {insertAfter(adps1,prgf1[1]);}
  if (prgf2.length &gt; 0) {insertAfter(adps1,prgf2[1]);}
  if (prgf1.length &gt; 0) {insertAfter(adps2,prgf1[3]);}
  if (prgf2.length &gt; 0) {insertAfter(adps2,prgf2[3]);}
  if (prgf1.length &gt; 0) {insertAfter(adps3,prgf1[6]);}
  if (prgf2.length &gt; 0) {insertAfter(adps3,prgf2[6]);}
</script>

Keterangan:
- Pada tulisan Kode Iklan 1 - 3 ganti dengan kode iklan yang sudah di parse tadi.
- Pada angka yang berwarna merah terang (contoh diatas angka [1], [3], dan [6]), silahkan ganti sesuai paragraf yang ingin kamu munculkan iklannya.

4. Selanjutnya pada Blogger pilih bagian Template -- Edit HTML dan cari kode ini <data:post.body/>, (biasanya lebih dari 1, cari yang ke-2 atau ke-3, coba saja satu-satu) ganti dengan kode di atas (langkah no. 3).

5. Simpan template.

Tambahan :
Jika ingin menambahkan iklan lagi, silahkan ikuti cara berikut ini, misal ingin pasang 4 iklan:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='ad-script1'>
<div style='clear:both;'>
Kode iklan 1
</div>
</div>
<div id='ad-script2'>
<div style='clear:both;'>
Kode iklan 2
</div>
</div>
<div id='ad-script3'>
<div style='clear:both;'>
Kode iklan 3
</div>
</div>
<div id='ad-script3'>
<div style='clear:both;'>
Kode iklan 4
</div>
</div>
</b:if>
</b:if>

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

<script type='text/javascript'>
  function insertAfter(tbh,tgt) {
  var prt = tgt.parentNode;
  if (prt.lastChild == tgt) {prt.appendChild(tbh);}
  else {prt.insertBefore(tbh,tgt.nextSibling);}}
  var tgt = document.getElementById(&quot;tgt-post&quot;);
  var adps1 = document.getElementById(&quot;ad-script1&quot;);
  var adps2 = document.getElementById(&quot;ad-script2&quot;);
  var adps3 = document.getElementById(&quot;ad-script3&quot;);
  var adps4 = document.getElementById(&quot;ad-script4&quot;);
  var prgf1 = tgt.getElementsByTagName(&quot;br&quot;);
  var prgf2 = tgt.getElementsByTagName(&quot;p&gt;&quot;);
  if (prgf1.length &gt; 0) {insertAfter(adps1,prgf1[1]);}
  if (prgf2.length &gt; 0) {insertAfter(adps1,prgf2[1]);}
  if (prgf1.length &gt; 0) {insertAfter(adps2,prgf1[3]);}
  if (prgf2.length &gt; 0) {insertAfter(adps2,prgf2[3]);}
  if (prgf1.length &gt; 0) {insertAfter(adps3,prgf1[6]);}
  if (prgf2.length &gt; 0) {insertAfter(adps3,prgf2[6]);}
  if (prgf1.length &gt; 0) {insertAfter(adps4,prgf1[9]);}
  if (prgf2.length &gt; 0) {insertAfter(adps4,prgf2[9]);}
</script>

Keterangan : Perhatikan pada kode yang sudah saya tebalkan, jika ingin menambah lagi lanjutkan dengan copy dan paste kode yang sudah saya tebalkan, begitu seterusnya.

Jika hanya ingin memasang 2 iklan, silahkan hapus salah satu kode berikut ini :
Hapus salah satu kode ini:
<div id='ad-script3'>
<div style='clear:both;'>
Kode iklan ?
</div>
</div>

Hapus salah satu kode ini :
var adps4 = document.getElementById(&quot;ad-script4&quot;);

Hapus salah satu kode ini juga :
if (prgf1.length &gt; 0) {insertAfter(adps4,prgf1[9]);}
if (prgf2.length &gt; 0) {insertAfter(adps4,prgf2[9]);}
Sampai di sini postingan cara pasang 3 iklan atau lebih di tengah artikel, selamat menikmati, semoga bermanfaat, jangan lupa untuk berbagi dengan orang lain dengan menekan tombol share dibawah postingan ini.

No comments:

Post a Comment