Cara Mudah Memasang Iklan ADSTERRA Berdampingan di Atas Header Blog

Tutorial Blog: Cara Memasang Iklan ADSTERRA Berdampingan di Atas Header Blog

Salam Semujursite Blog - Apa kabar sobat blogger?? Trick  dan tutorial kali ini akan saya coba membahas tentang bagaimana memasang iklan dari ADSterra di header blog. Saat saya memperaktekkan dan mengaplikasikan di blog saya, saya baru kepikiran untuk menulis artikel tentang Cara Memasang Iklan ADSTERRA Berdampingan di Atas Header Blog ( Blogspot ).

Seperti kita ketahui bersama, bahwa selain sebagai sarana penuangan ide dan aspirasi, blog juga adalah sarana untuk mencari receh, baik yang berupa dollar ataupun yang berupa Rupiah. Saat ini, banyak pilihan menjadi publisher iklan seperti Google Adsense, apabila blog sobat blogger di tolak Adsense bisa di coba mendaftar di ADSTERRA.  Syaratnya gak ada batasan minimal, saya jamin blog kesayangan teman teman semua langsung diterima, seperti Blogger Semujursite saya ini😁.  Untuk mendaftar apabila sobat tertarik silahkan KLIK DISINI.

Namun kali ini saya tidak mengulas cara lengkap mendaftar Adsterra yang sobat, karena sobat semua pasti sudah ahli dalam hal mendaftarkannya, disini saya akan memfokuskan tutorial cara pemasangan Iklan ADSTERRA Berdampingan di Atas Header Blog. 

Oke, apabila sahabat tertarik untuk memasangnya pada blog kesayangan sahabat berikut langkah-langkah pemasangannya:

1. Login terlebih dahulu ke blogger
2. Lalu pilih Tata Letak 
3. Lalu klik Tambahkan Gadget/Widget Baru /Add Widget
4. Lalu pilih HTML/Javascript
5. Copy kode dibawah ini lalu tempelkan kedalam widget tadi 

<style>
  .pembungkus-luar-iklan {
    width: 100%;
    overflow-x: auto;
    margin: 15px 0;
  }
  .kontainer-iklan-sejajar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px; 
    min-width: 1085px;
  }
  .kotak-iklan-kiri {
    width: 720px;
    height: 90px;
    flex-shrink: 0;
  }
  .kotak-iklan-kanan {
    width: 350px;
    height: 50px;
    flex-shrink: 0;
  }
  @media (max-width: 1024px) {
    .pembungkus-luar-iklan {
      overflow-x: visible;
    }
    .kontainer-iklan-sejajar {
      flex-direction: column;
      min-width: 100%;
      height: auto;
    }
    .kotak-iklan-kiri, .kotak-iklan-kanan {
      width: 100%;
      max-width: 100%;
      height: auto;
      text-align: center;
      display: flex;
      justify-content: center;
    }
  }
</style>

<div class="pembungkus-luar-iklan">
  <div class="kontainer-iklan-sejajar">
    <div class="kotak-iklan-kiri">
     <script>
  atOptions = {
    'key' : '9d86ea4e8509dbd506eaa27xxxxxxx',
    'format' : 'iframe',
    'height' : 90,
    'width' : 728,
    'params' : {}
  };
</script>
<script src="https://highrevenueformat.com"></script>
    </div>
    
    <div class="kotak-iklan-kanan">
     <script>
  atOptions = {
    'key' : 'f474602cd317f88fd7xxxxxxxx',
    'format' : 'iframe',
    'height' : 50,
    'width' : 320,
    'params' : {}
  };
</script>
<script src="https://highrevenueformat.com"></script>
    </div>
  </div>
</div>

<style> .pembungkus-luar-iklan { width: 100%; overflow-x: auto; margin: 15px 0; } .kontainer-iklan-sejajar { display: flex; justify-content: center; align-items: center; gap: 15px; min-width: 1085px; } .kotak-iklan-kiri { width: 720px; height: 90px; flex-shrink: 0; } .kotak-iklan-kanan { width: 350px; height: 50px; flex-shrink: 0; } @media (max-width: 1024px) { .pembungkus-luar-iklan { overflow-x: visible; } .kontainer-iklan-sejajar { flex-direction: column; min-width: 100%; height: auto; } .kotak-iklan-kiri, .kotak-iklan-kanan { width: 100%; max-width: 100%; height: auto; text-align: center; display: flex; justify-content: center; } } </style> <div class="pembungkus-luar-iklan"> <div class="kontainer-iklan-sejajar"> <div class="kotak-iklan-kiri"> <script> atOptions = { 'key' : '9d86ea4e8509dbd506eaa27036d9beb4', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script src="https://highrevenueformat.com"></script> </div> <div class="kotak-iklan-kanan"> <script> atOptions = { 'key' : 'f474602cd317f88fd776535ce2efdbcf', 'format' : 'iframe', 'height' : 50, 'width' : 320, 'params' : {} }; </script> <script src="https://highrevenueformat.com"></script> </div> </div> </div>

 

Keterangan Perubahan Kode:

• Silahkan ganti kode iklan ADSTerra kotak-iklan-kiri yang saya tandai warna merah dan tempelkan kode iklan sesuai keinginan sobat blogger.
• Silahkan ganti kode iklan ADSTerra kotak-iklan-kanan yang saya tandai warna biru dan tempelkan kode iklan sesuai keinginan sobat blogger.

Demikianlah artikel singkat saya tentang "Cara Memasang Iklan ADSTERRA Berdampingan di Atas Header Blog", mudah bukan tips dan trik pemasangannya sobat blogger.. Akhir kata terimakasih telah berkunjung ke Semujursite Blog, Semoga bermanfaat.