√ 4 Langkah Cara Memasang Dua Iklan Google Adsense di Tengah Artikel - AdityaTekno

Social Items

Cara Pasang Dua Iklan Google Adsense di Tengah Postingan
Welcome back sahabat setia AdityaTekno.com. Hari ini saya akan membahas tentang 4 Langkah Cara Memasang Dua Iklan Google Adsense di Tengah Artikel dan tampil secara otomatis, yang sebelumnya saya sudah membahas tentang Cara Memasang Iklan Google Adsense Tanpa Parse Kode.

Tanpa panjang lebar saya berbicara Inilah 4 Langkah Cara Memasang Dua Iklan Google Adsense di Tengah Artikel/Postingan blog blogger/blogspot, silahkan ikuti tutorialnya dibawah ini.

1. Carilah kode seperti ini:

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

Atau yang seperti ini:

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


2. Hapus kode tersebut, lalu ganti dengan kode berikut 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:
  • Slot iklan pertama, letakkan di bawah kode <!-- Your middle ads1 here -->
  • Slot iklan kedua, letakkan di bawah kode <!-- Your middle ads2 here -->
Silahkan sesuaikan angka 3 dan 5 pada kode berikut, untuk mengatur pada (setelah) paragraf berapa iklan hendak ditampilkan:
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]);}

Note: semakin besar angka yang Anda berikan, maka semakin ke bawah pula tempat iklan akan tampil.

3. Tambahkan kode CSS berikut ini, untuk mengatur letak dan ruang kedua slot iklan tersebut. Letakkan kode berikut di atas </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}
4. Setelah itu, silahkan simpan Template, lalu buka salah satu artikel untuk melihat hasilnya.

Sekian dulu tutorial tentang 4 Langkah Cara Memasang Dua Iklan Google Adsense di Tengah Artikel/Postingan. Semoga bisa membantu dan bermanfaat! dan Good luck. Sampai jumpa di postingan selanjutnya. Salam AdityaTekno.com

4 Langkah Cara Memasang Dua Iklan Google Adsense di Tengah Artikel

Cara Pasang Dua Iklan Google Adsense di Tengah Postingan
Welcome back sahabat setia AdityaTekno.com. Hari ini saya akan membahas tentang 4 Langkah Cara Memasang Dua Iklan Google Adsense di Tengah Artikel dan tampil secara otomatis, yang sebelumnya saya sudah membahas tentang Cara Memasang Iklan Google Adsense Tanpa Parse Kode.

Tanpa panjang lebar saya berbicara Inilah 4 Langkah Cara Memasang Dua Iklan Google Adsense di Tengah Artikel/Postingan blog blogger/blogspot, silahkan ikuti tutorialnya dibawah ini.

1. Carilah kode seperti ini:

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

Atau yang seperti ini:

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


2. Hapus kode tersebut, lalu ganti dengan kode berikut 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:
  • Slot iklan pertama, letakkan di bawah kode <!-- Your middle ads1 here -->
  • Slot iklan kedua, letakkan di bawah kode <!-- Your middle ads2 here -->
Silahkan sesuaikan angka 3 dan 5 pada kode berikut, untuk mengatur pada (setelah) paragraf berapa iklan hendak ditampilkan:
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]);}

Note: semakin besar angka yang Anda berikan, maka semakin ke bawah pula tempat iklan akan tampil.

3. Tambahkan kode CSS berikut ini, untuk mengatur letak dan ruang kedua slot iklan tersebut. Letakkan kode berikut di atas </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}
4. Setelah itu, silahkan simpan Template, lalu buka salah satu artikel untuk melihat hasilnya.

Sekian dulu tutorial tentang 4 Langkah Cara Memasang Dua Iklan Google Adsense di Tengah Artikel/Postingan. Semoga bisa membantu dan bermanfaat! dan Good luck. Sampai jumpa di postingan selanjutnya. Salam AdityaTekno.com
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo