Cara Pasang 2 Iklan Adsense Di tengah postingan secara otomatis - MasterAds

Cara Pasang 2 Iklan Adsense Di tengah postingan secara otomatis

Cara Memasang Kode Iklan Adsen Di Tengah postingan otomatis- jumpa lagi bersama saya, Pada kesempatan kali ini saya akan mencoba share tentang cara memasang dua unit/slot iklan Google Adsense di tengah postingan dan tampil secara otomatis. Untuk cara memasang 2 iklan Google Adsene di tengah artikel/postingan blogger/blogspot secara otomatis silahkan ikuti tutorialnya berikut ini:
Cara Pasang 2 Iklan Adsense Di tengah postingan secara otomatis

CARA MEMASANG 2 IKLAN ADSENSE DI TENGAH ARTIKEL:

Untuk cara memasang 2 iklan Google Adsene di tengah artikel/postingan blogger/blogspot secara otomatis, Untuk Langkah Awal Kita Harus Edit Template, silahkan anda buka dashboard blog anda kemudian pilih template lalu pilih lagi edit template=> html selanjutnya ikutu panduannya dibawah ini:

Untuk langkah awal silahkan Cari kode seperti ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <data:post.body/>
</b:if>

Atau yang seperti ini (khusus pengguna template Themeindie.com):
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='artbody'><data:post.body/></div>
</b:if>

Selanjutnya Silahkan anda Hapus kode tersebut, kemudian 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:
  1. Slot iklan pertama, letakkan di bawah kode <!-- Your middle ads1 here -->
  2. Slot iklan kedua, letakkan di bawah kode <!-- Your middle ads2 here -->
  3. 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 akan semakin ke bawah tempat iklan yang akan tampil.

Jangan lupa untuk menambahkan kode CSS berikut ini, untuk mengatur letak dan ruang kedua slot iklan tersebut. Letakkan kode berikut 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}

Selanjutnya Silahkan Anda Simpan Template, Kemudian anda coba buka salahsatu artikel blog anda dan lihat hasilnya..

Demikian adalah cara memasang 2 iklan adsense di tengah artikel secara otomatis semoga bermanfaat, jika ada pertanyaan atau ada yang mau menambahkan silahkan isikan di kolom komentar.

Pages