Beranda
Adsense

Cara Pasang 2 Iklan Adsense di Tengah Artikel

Pada artikel kali ini saya akan membagikan Cara Memasang 2 Iklan Adsense di Tengah Postingan. Cara ini sebenarnya ada sudah banyak bertebarang di mesin pencarian Google. Namun, tidak semua tutorial tersebut dapat berhasil di terapkan, biasanya menyebabkan iklan yang kita pasang akan membuat berantakan tampilan gambar .
Cara Pasang 2 Iklan Adsense di Tengah Artikel

Assalamualaikum Sahabat Blogger.
Cara Pasang 2 Iklan Adsense di Tengah Artikel - Cara ini sebenarnya ada sudah banyak bertebaran di mesin pencarian Google. Namun, tidak semua tutorial tersebut dapat berhasil di terapkan, biasanya menyebabkan iklan yang kita pasang akan membuat berantakan tampilan gambar .
Keuntunganya apa sih jika kita pasang artikel di tengah postingan ?
Keuntungan dari menampilkan iklan di tengah postingan dipercaya dapat meningkatkan CTR dan Iklan tersebut. sehingga membuat penghasilan yang kita dapatkan akan lebih besar.

Baca Juga : Cara Memasang Iklan In-Feeds Ads Adsense di Blog

 Tutorial ini saya dapatkan setelah cari - cari di mesin google setelah coba - coba dari berbagai blog. Namun, banyak yang tidak berhasil alias GATOT ( Gagal Total ). Dan akhirnya admin dapatkan tutorial ini dari Blog mastah Bung Frangki.

 Dan berikut ini adalah cara pemasangan 2 iklan ditengah postingan :

Pertama anda cari kode iklan seperti dibawah ini :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
</b:if>

Atau anda bisa cari kode seperti dibawah ini :


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

Hapus kode tersebut, lalu anda ganti dengan kode dibawah ini :


<b:if cond='data:view.isPost'>
  <div class='middleAds middleAds1' id='middleAds1'>
    <div style='clear:both;'>
      <!-- Your middle ads1 here -->
    </div>
  </div>
  <div class='middleAds middleAds2' id='middleAds2'>
    <div style='clear:both;'>
      <!-- Your middle ads2 here -->
    </div>
  </div>
  <div id='tgtPost'>
    <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;tgtPost&quot;);
    var midAd1 = document.getElementById(&quot;middleAds1&quot;);
    var midAd2 = document.getElementById(&quot;middleAds2&quot;);
    var showAd1 = tgt.getElementsByTagName(&quot;br&quot;);
    var showAd2 = tgt.getElementsByTagName(&quot;p&gt;&quot;);
    if (showAd1.length &gt; 0) {
      insertAfter(midAd1,showAd1[3]);
    }
    if (showAd2.length &gt; 0) {
      insertAfter(midAd1,showAd2[3]);
    }
    if (showAd1.length &gt; 0) {
      insertAfter(midAd2,showAd1[5]);
    }
    if (showAd2.length &gt; 0) {
      insertAfter(midAd2,showAd2[5]);
    }
  </script>
</b:if>

Catatan :
  • <!-- Your middle ads1 here --> Ganti dengan Script Kode Iklan ( Slot 1 )
  • <!-- Your middle ads1 here --> Ganti dengan Script Kode Iklan ( Slot 2 )
Parse disini
Baca Juga : Cara Memasang Iklan Page-Level-Ads Adsense

Terakhir jangan lupa anda tambahkan kode CSS dibawah ini. Letakan Kode tersebut tepat diatas </Style>

/* Middle Ads */
.middleAds{margin:10px auto 4px;display:block;overflow:hidden;width:100%;height:auto;text-align:center}
.middleAds p{font-size:11px!important;font-weight:400;text-align:center;display:block;padding:0;margin:0 auto 5px!important;color:#bbb!important}

Terakhir tinggal anda simpan dan lihat hasilnya.

 Demikianlah tutorial pemasangan 2 iklan ditengah postingan blog. Semoga Bermanfaat. Terimakasih Wassalamualaikum.
Penulis : MasPutro.com

Posting Komentar