Welcome to www.winkamaru.com

Cara Memasang 2 Slot Iklan dalam Artikel


Memasang iklan termasuk iklan Adsense di tengah postingan artikel blog, merupakan salah satu cara yang bisa dimanfaatkan blogger untuk menambah potensi jumlah klik iklan oleh pembaca artikel blognya.

Konsep mengenai cara memasang 2 Iklan tengah postingan ini sebenarnya masih sama dengan tutorial saya sebelumnya mengenai cara memasang iklan adsense di tengah postingan artikel blog. Namun pada postingan tersebut iklan yang muncul hanya satu di tengah postingan artikel kita.

Oleh karenanya jika anda ingin memasang tepatnya dua buah iklan di tengah postingan artikel blog, maka silakan mengikuti tutorial atau panduan di bawah ini:

Langkah 1
Silakan ke menu Tema lalu pilih Edit HTML. Lalu carilah kode berikut di dalam Template Anda

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

Langkah 2
Silakan ganti atau hapus kode tersebut dengan kode di bawah 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>  

Perhatian:
  • Kode iklan pertama anda silakan dipasang di bawah kode <!-- Your middle ads1 here -->
  • Iklan kedua anda silakan dipasang juga di bawah kode <!-- Your middle ads2 here -->
  • Lalu silakan sesuaikan angka 3 dan 5 untuk mengatur letak iklan berdasarkan paragraf.
  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 ke bawah.

Langkah 3
Selanjutnya jangan lupa untuk menambahkan kode CSS di bawah ini untuk mengatur letak dan kerapihan iklan di tengah postingan artikel blog anda. Letakan kode di bawah ini tepat di atas kode </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}  

Setelah itu silakan simpan tema atau template blog anda.

Demikian panduan blogging mengenai cara memasang 2 iklan di tengah postingan artikel blog kita. Semoga bermanfaat. Silakan dipraktekan...

N. B: Kode iklan yang bisa dipasang dalam panduan blogging ini tidak hanya untuk iklan adsense saja, anda juga bisa memasang kode iklan lainnya misalnya iklan banner mandiri.