Cara Mudah Memasang Iklan ADSTERRA Berdampingan Sejajar di Tengah Template Blog

Tutorial Blog: Cara Mudah Memasang Iklan ADSTERRA Berdampingan Sejajar di Tengah Template Blog

Salam Semujursite Blog - Apa kabar sobat blogger?? kali ini melanjutkan artikel tentang memasang iklan Adsterra disini, kali ini Trick dan tutorial nya akan saya coba membahas tentang bagaimana Cara Mudah Memasang Iklan ADSTERRA Berdampingan Sejajar di Tengah Template Blog. 

Seperti kita ketahui bersama, bahwa selain Google Adsense ada sarana publisher penayang iklan lainnya 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 melanjuti artikel tutorial cara pemasangan Iklan ADSTERRA Berdampingan di Atas Header Blog. Namun beda pemasangan dan ukuran iklannya, yakni tentang Cara Mudah Memasang Iklan ADSTERRA Berdampingan Sejajar di Tengah Template Blog. Mengapa saya share artikel ini kan mudah banyak sekali tutorial cara pemasangannya. Iya benar sobat blogger, namun dari semua yang saya kunjungi entah mengapa di template saya Kompazz ini gak sesuai tampil seperti yang saya harapkan. Maka dari itulah saya menulis kode ini, siapa tau sobat semua juga ada permasalahan dengan kode kode yang tidak sesuai saat diterapkan dan diaplikasikan pada template blog kesayangannya.

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>
  .iklan-sejajar {
    display: flex;
    justify-content: center;
    gap: 15px; /* Jarak antara iklan kiri dan kanan */
    width: 100%;
    margin: 15px auto;
    flex-wrap: wrap; /* Membuat iklan otomatis turun ke bawah jika layar HP terlalu kecil */
  }
  .iklan-box {
    flex: 1;
    min-width: 250px; /* Lebar minimal iklan agar tidak terlalu gepeng di HP */
    max-width: 100%;
    text-align: center;
  }
</style>

<div class="iklan-sejajar">
  <div class="iklan-box">
    <!-- KODE IKLAN 1 DI SINI -->
<script>
  atOptions = {
    'key' : '7031fbeda94bf4d47a30df60xxxxxxxx,
    'format' : 'iframe',
    'height' : 250,
    'width' : 300,
    'params' : {}
  };
</script>
<script src="https://www.highrevenueformat.com//invoke.js"></script>
  </div>
  <div class="iklan-box">
    <!-- KODE IKLAN 2 DI SINI -->
<script>
  atOptions = {
    'key' : '7031fbeda94bf4d47a3xxxxxxxxxxx',
    'format' : 'iframe',
    'height' : 250,
    'width' : 300,
    'params' : {}
  };
</script>
<script src="https://www.highrevenueformat.com//invoke.js"></script>
  </div>
</div>

<style> .iklan-sejajar { display: flex; justify-content: center; gap: 15px; /* Jarak antara iklan kiri dan kanan */ width: 100%; margin: 15px auto; flex-wrap: wrap; /* Membuat iklan otomatis turun ke bawah jika layar HP terlalu kecil */ } .iklan-box { flex: 1; min-width: 250px; /* Lebar minimal iklan agar tidak terlalu gepeng di HP */ max-width: 100%; text-align: center; } </style> <div class="iklan-sejajar"> <div class="iklan-box"> <!-- KODE IKLAN 1 DI SINI --> <script> atOptions = { 'key' : '7031fbeda94bf4d47a30df60c21e1afc', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; </script> <script src="https://www.highrevenueformat.com/7031fbeda94bf4d47a30df60c21e1afc/invoke.js"></script> </div> <div class="iklan-box"> <!-- KODE IKLAN 2 DI SINI --> <script> atOptions = { 'key' : '7031fbeda94bf4d47a30df60c21e1afc', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; </script> <script src="https://www.highrevenueformat.com/7031fbeda94bf4d47a30df60c21e1afc/invoke.js"></script> </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 Mudah Memasang Iklan ADSTERRA Berdampingan Sejajar di Tengah Template Blog", mudah bukan tips dan trik pemasangannya sobat blogger.. Akhir kata terimakasih telah berkunjung ke Semujursite Blog, Semoga bermanfaat.