Cara Memasang Iklan AdSense di Tengah Postingan

September 17, 2017
Assalamuallaikum Warahmatullahi Wabarakatuh


Untuk artikel kali ini saya akan membahas tentang bagaimana cara memasang iklan di Tengah Postingan tanpa merusak artikel
Seperti yang kita tahu bahwa artikel ini sudah banyak di tulis para bloger, namun berhubung blog ini belum ada jadi gak ada salahnya kalau saya membuat artikel ini.

Sudah banyak cara yang saya coba untuk menerapkan iklan di tengah postingan, yang saya cari dari blog blog orang lain namun tiap mencoba pasti selalu merusak artikel
Contohnya seperti merusak kode pada kotak Html atau merusak Blockquote.

Tapi untuk yang saya bagikan insyaallah gak bakalan merusak artikel, berikut tutorialnya

Dan iklan ini akan muncul jika ada tag <h2> atau di bawah blockquote jika tidak blockquote dan tag <h2> maka iklan akan tampil di paragraf ke tiga pada postingan anda, 

Masuk ke dasbor blog anda dan pilih menu Tema > Edit Html 
Kemudian cari kode di bawah ini

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='artbody' itemprop='articleBody'><data:post.body/></div>
</b:if> 

Berhubung stuktur kode berbeda beda jadi cari kode yang hampir mirip dengan kode di atas

Ganti dengan kode ini

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-middle' id='widget-middle' itemprop='articleBody'><data:post.body/></div>
</b:if> 

Lalu tambahkan kode di bawah ini tepat di bawah kode yang di atas

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='ads_middle'> <!-- Iklan Native di Tengah Postingan -->
  <span>Advertisement</span>
// kode Iklan di tengah postingan.
  </div>
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}}
var middleads = document.getElementById(&quot;inline_wrapper&quot;);var target = document.getElementById(&quot;widget-middle&quot;);
var opsi1 = target.getElementsByTagName(&quot;br&quot;);if (opsi1.length &gt; 0){insertAfter(middleads,opsi1[3]);}
var opsi2 = target.getElementsByTagName(&quot;blockquote&quot;);if (opsi2.length &gt; 0){insertAfter(middleads,opsi2[0]);}
var opsi3 = target.getElementsByTagName(&quot;h2&quot;);if (opsi3.length &gt; 0){insertAfter(middleads,opsi3[0]);}
</script>
</b:if> 

Ganti // Kode Iklan di Tengah Postingan. dengan kode iklan anda dan jangan lupa parse dulu kode iklannya biar sukses

Sekarang tinggal anda coba buka salah satu artikel anda dan pasti iklan tidak akan menggangu postingan

Semoga bermanfaat dan itulah totorial singkat cara memasang iklan di tengah postingan

Share this :

Previous
Next Post »
0 Komentar

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔