Monday, November 5, 2018

Cara Memasang 2 Iklan Adsense Ditengah Artikel Postingan

Advertise 1

Advertise 2

Baca Juga


sahabatinet.com Kali ini akan membagikan sebuah Cara memasang 2 iklan adsense ditengah artikel postingan dengan mudah. Bagi blogger pemula pasti kadang merasa bingung cara memasang kode adsense untuk menampilkan iklan di tengah artikel postingan. Pemasangan iklan adsense yang strategis dapat membantu meningkatkan penghasilan adsense sobat.

Salah satu pemasangan iklan yang tepat adalah ditengah - tengah artikel, pemasangan iklan adsense ini bisa dilakukan secara manual maupun otomatis. Bagi sobat yang mempunyai template yang didalamnya tidak memiliki settingan iklan otomatis ditengah artikel maka jalan satu - satunya harus mengutak atik scrip html pada template sobat.

Bagi yang sudah paham tentang bahasa pemograman html blogger pasti tidak akan merasa kesulitan untuk mengutak atik scripnya tapi beda ceritanya kalau sobat tidak paham sama sekali untuk mengutak atik scripnya akan merasa kebingungan dan kesulitan untuk memasangnya.

Kenapa kok harus memasang iklan ditengah artikel secara otomatis?dan kenapa kok tidak pasang secara manual aja tanpa harus mengutak atik kode scripnya? pasti sobat memiliki pertanyaan seperti itu. Sedikit saya jelaskan ya mengenai kenapa kok harus memasang kode iklan secara otomatis ditengah postingan jawabannya adalah untuk mempermudah kita dalam menampilkan iklan ditengah artikel tanpa harus kita capek - capek memasangnya setiap kita akan posting artikel.
Bisa sobat bayangkan betapa ribetnya kalau kita memasang iklan secara manual disetiap sobat akan memposting artikel, kalau artikelnya sedikit sih gak masalah tapi beda lagi ceritanya kalau sudah blogger terkenal yang memiliki ribuan artikel. 

Disamping itu jika akun adsense sobat tiba - tiba diputus oleh google karena terdeteksi invalid klik dan sobat memasang iklan secara manual disetiap artikel pasti sobat akan merasa pusing karena harus mengganti dan menghapus setiap kode iklan yang tertanam didalam artikel yang sobat pasang secara manual, gimana apa gak tambah repot sekali.

Maka dari itu jalan termudah untuk mengatasi hal tersebut yaitu dengan memasang iklan adsense secara otomatis di tengah postingan artikel. Dari sekian banyak tutorial memasang iklan otomatis yang paling sesuai menurut saya adalah totorial dari bungfangkri.com.

Bagi sobat yang kebingungan cara memasangnya bisa ikuti tutorial dibawah ini :

  • Masuk ke pengaturan TEMA di blog sobat dan pilih  HTML
  • Cari kode seperti scrip dibawah ini.

 

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



  • Atau seperti kode dibawah ini.
 

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



  • Hapus kode tersebut dan Ganti dengan kode dibawah ini.
 



<b:if cond='data:view.isPost'>
    <div class='middleAds middleAds1' id='middleAds1'>
      <div style='clear:both;'>
<p>Advertise</p>
        <!-- Your middle ads1 here -->
      </div>
    </div>
    <div class='middleAds middleAds2' id='middleAds2'>
     <div style='clear:both;'>
<p>Advertise</p>
        <!-- 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> 


Keterangan :
  • Untuk slot iklan pertama Letakkan kode iklan yang sudah diparse dibawah <!-- Your middle ads1 here -->
  • Untuk slot iklan pertama Letakkan kode iklan yang sudah diparse dibawah <!-- Your middle ads2 here -->
  • Silahkan sesuaikan menurut selera sobat sendiri angka 3 dan 5 pada kode berikut untuk mengatur posisi iklan yang akan tayang.


  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]);}



  • Semakin besar angka yang dimasukkan maka iklan akan semakin kebawah jadi sesuaikan menurut selera sobat.


  • Letakkan kode CSS dibawah ini untuk mengatur letak kedua iklan tersebut
 

/* 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}

 

  • Simpan Template
Jika sobat sudah mengikuti secara berurutan seperti langkah - langkah diatas pasti iklan akan tayang sesuai yang sobat inginkan yaitu 2 iklan di tengah artikel postingan.

Baca Juga : Langkah Langkah Membuat Blog Bagi Pemula




EmoticonEmoticon