Script iklan melayang responsive di tengah blog dengan durasi selama 10 detik untuk blogger

loading...

Baca juga

loading...

Terbaru dari surau kampung

loading...
Pada halaman ini saya menulis artikel dengan judul script iklan melayang responsive di tengah blog dengan durasi selama 10 detik untuk blogger,yang mana iklan akan tampil selama 10 detik dan setelah lewat 10 detik iklan akan hilang dengan sendirinya secara otomatis,script ini juga sudah di lengkapi dengan tombol close untuk menutup iklan dengan tujuan agar apabila pengunjung tidak mau menunggu dan melihat iklan yang di tampilkan selama durasi waktu yang di tentukan maka pengunjung dapat menutup iklan tersebut




Script ini bisa di pakai untuk blog yang sudah menggunakan template responsive dan sudah saya uji coba dan berhasil,jadi ketika script 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 script iklan melayang responsive di tengah blog dengan durasi iklan tampil selama 10 detik 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://surau-kampung.blogspot.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='https://surau-kampung.blogspot.com"target=_blank" '><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLtDW8JmRH2-bwrMpbwVAJHADZtmfRR2cLEn0owPMmAaVbJ835b9YDY8QaExP_U0V3B0WpwQkJMWiGw_rcNEVxCoOjZumowRgtxbGbEEu7Zqdfzvn-qC6q6l5_DXQo0LJAgCl7-U37CW5p/s1600/IMG_20180409_152629.JPG'/></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 membuat iklan melayang responsive di tengah blog dengan durasi iklan selama 10 detik untuk blogger untuk menemukan jawabannya


Kalau berminat untuk mencoba script iklan melayang responsive di tengah blog dengan tombol close untuk menutup iklan untuk blogger,judul artikelnya script iklan melayang responsive di tengah blog dengan tombol close untuk menutup iklan untuk blogger


Demikian semoga membawa manfaat



loading...

Tentang Zulkifli

Foto saya
Semarang, Jawa Tengah, Indonesia
Assalamualaikum, perkenalkan saya Zulkifli Abdul Haq,admin blog Surau Kampung