Artikel terbaru,klik untuk membaca
loading...
  • Kode HTML iklan melayang responsive di tengah blog tanpa tombol close untuk menutup iklan untuk blogger

    loading...
    Pada halaman ini saya menulis artikel dengan judul kode HTML iklan melayang responsive di tengah blog tanpa tombol close untuk menutup iklan untuk blogger,yang mana iklan akan tampil selama 30 detik dan setelah lewat 30 detik iklan akan hilang dengan sendirinya secara otomatis,kode HTML ini tidak di lengkapi dengan tombol close untuk menutup iklan dengan tujuan mengharuskan pengunjung menunggu dan melihat iklan yang di tampilkan selama durasi waktu yang di tentukan



    Kode HTML ini bisa di pakai untuk blog yang sudah menggunakan template responsive dan sudah saya uji coba dan berhasil,jadi ketika kode HTML ini di letakkan pada template blog responsive maka ketika ada pengunjung yang mengunjungi blog yang sudah terpasang script ini baik itu melalui desktop ataupun smartphone dan tablet,maka iklan akan otomatis menyesuaikan tampilannya berdasarkan media yang di gunakan pengunjung


    Apabila anda tertarik untuk memasang kode HTML iklan melayang responsive di tengah blog tanpa tombol close untuk menutup iklan untuk blogger saya persilahkan untuk meng copy scriptnya di bawah ini


    1. <kode A>


    <script> $(document).ready(function($) { $('.sk_splash_ads .close').click(function(event) { event.preventDefault(); $('.sk_splash_ads').slideUp('slow'); }); }); $(window).load(function(){ setTimeout(function(){ $('.sk_splash_ads').slideUp('slow'); },10000); }); </script>


    2. <kode B>


    <!--Splash Popup Ads Start--> <style> /********************************* ** Name: Blogger Popup Splash Ads ** Created By: https://www.sampingkanan.com *********************************/ .sk_splash_ads { background-color: rgba(0,0,0,0.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; } .sk_splash_ads .pop { background-color: #fff; margin: 10% auto 0; padding: 5px; position: relative; max-width: 600px; } .sk_splash_ads .pop img { width: 100%; vertical-align: middle; } .sk_splash_ads .close { opacity: 1; position: absolute; right: -9px; top: -9px; } .sk_splash_ads .close img { height: 32px; width: 32px; } @media only screen and (max-width:768px){ .sk_splash_ads .pop {margin-top:25%;} } @media only screen and (max-width:320px){ .sk_splash_ads .pop {margin: 25% 3% 0;} } </style> <div class='sk_splash_ads'> <div class='pop'> <a class='close' href='#'><img alt='' src='#'/></a>  kode iklan ppc</div> </div> <!--Splash Popup Ads End-->


    Lantas bagaimana cara memasangnya di blog anda ?,silahkan anda baca artikel saya yang berjudul cara menampilkan iklan melayang responsive di tengah blog tanpa tombol close untuk menutup iklan untuk blogger untuk menemukan jawabannya


    Demikian semoga membawa manfaat



    loading...
  • Menarik untuk di baca

Berlangganan posting sampingkanan.com

Di kirim oleh
FeedBurner

Donasi