Cara Merubah Iklan Adnow ke Bentuk Rectangular Responsive

Iklan Native Adnow secara otomatis akan berbentuk square atau kotak pada saat pertama dicreate di dashboard sehingga jika dicopy dan langsung ditempelkan ke index html site, tampilannya kotak. Contoh iklan bentuk square seperti ini :

Tampilan ini tidak jelek hanya terkadang mengambil tempat terlalu besar di layout site, apalagi jika ukuran iklan dibuat Adaptive New (responsive). Untuk merubah tampilannya ke bentuk rectangular atau kotak memanjang, sangat gampang sebenarnya. Berikut langkah-langkahnya :


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;
 max-height: 115px; !important;}
</style>

4) Sekarang, widget codenya menjadi seperti ini :


<style type="text/css">
#SC_TBlock_662509 img{object-fit: cover !important;
  max-height: 115px; !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) Kini kode untuk rectangular sudah siap. 

Pastikan widget codenya sudah benar dan lakukan preview tampilannya terlebih dahulu di https://js.do sebelum dipasang ke index html site.

Tampilan di site, seperti di blog ini. Selamat mencoba !

(JR / KM)
Berbagi Kebaikan:

Subscribe to receive free email updates: