Cara Merubah Iklan Adnow ke Bentuk Rectangular Ukuran Tertentu

Di tutorial  CARA MERUBAH IKLAN ADNOW KE BENTUK RECTANGULAR RESPONSIVE kita telah belajar membuat iklan Adnow berbentuk rectangular responsive atau iklan mengikuti besaran layar device. Nah bagaimana jika anda ingin ukuran tertentu, bukan responsive. Langkahnya hampir sama dengan responsive, hanya merubah tambahan kodenya sebagai berikut :

1) Copy kode iklan Adnow yang sudah di create dari dashboard seperti ini :

   
<div id="SC_TBlock_662509" class="SC_TBlock">loading...</div>
<script type="text/javascript">
    (sc_adv_out = window.sc_adv_out || []).push({
        id : "662509",
        domain : "n.domnovrek.com"
    });
</script>
<script type="text/javascript" src="//st-n.domnovrek.com/js/a.js"></script>


2) Catat kode iklannya yang digarisbawahi merah : 662509


3) Tambahkan code berikut ini diatas widget code Adnow yang sudah di copy dari dashboard :


<style type="text/css">
#SC_TBlock_662509 img{
   
  object-fit: cover !important;
  width:110px !important;
  height:70px !important;
}


4) Sekarang, widget codenya menjadi seperti ini :


<style type="text/css">
#SC_TBlock_662509 img{
   
  object-fit: cover !important;
  width:110px !important;
  height:70px !important;
}

</style>
<div id="SC_TBlock_662509" class="SC_TBlock">loading...</div>
<script type="text/javascript">
    (sc_adv_out = window.sc_adv_out || []).push({
        id : "662509",
        domain : "n.domnovrek.com"});
</script>
<script type="text/javascript" src="//st-n.domnovrek.com/js/a.js"></script>


5) Ukuran tinggi dan lebarnya sesuai kebutuhan di ubah di kode di bagian width : __px | height : __px

Sekarang kode iklan untuk rectangular ukuran tertentu sudah siap. Pastikan widget codenya sudah benar dan preview tampilannya terlebih dahulu di https://js.do/ sebelum dipasang ke index html site.


Selamat Mencoba !

(JR/KM)
Berbagi Kebaikan:

Subscribe to receive free email updates: