Setting iklan di blog muncul setelah 10 detik

Bagaimana cara menyeting iklan dibawah agar muncul setelah 10 detik bukan pertama kali ketika membuka blog??

Setting iklan di blog muncul setelah 10 detik



<style type="text/css">
#gb{ position:fixed; top:10px; z-index:+1000; } * html

#gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #DC143C; background: #DC143C; padding:10px; }

</style>

<script type="text/javascript">
function showHideGB(){ var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ?

moveGB(0, 30-w) :

moveGB(20-w, 0);

gb.opened =

!gb.opened; }

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} }

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">

</div>

<div class="gbcontent">

<div style="text-align: right;">

<a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div>

<center>

<div style="text-align: center;">

<img src="https://4.bp.blogspot.com/-PRCK7C4cP1U/T99EFJ4qq1I/AAAAAAAAEZw/ZPOsNhB66FA/s600/big3.jpg" /><br />

<div class="separator" style="clear: both; text-align: center;">

<a href="http://parttime2.etracking.link/ucmini-idddl/parttime2" target="_blank"><img border="0" height="185" src="https://3.bp.blogspot.com/-ysBRrN7Ctlo/Vwxdo1MfgpI/AAAAAAAAANo/cZvJ2DI3_vgzrokYaVQIEVaNtc0hn0b5gCLcB/s320/add-me-as-a-friend-on-facebook.jpg" width="320" /></a></div>

<br /></div>

</center>

<script type="text/javascript">

var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></div>

</div>

SMA Ditanyakan on 1 July 2016 pada Blog.
Tambah Komentar
1 Jawaban

Untuk membuat Pop Up dengan waktu yang di tentukan gunakan script berikut :

  • Masukkan kode berikut diatas kode ]]></b:skin> atau </style>

#myModal{

display:none;

}

#timer{

visibility: hidden;

}

/*Widget Pop Up Card*/

#mstamvan {

z-index: 1000;

position: fixed !important;

top: 100px;

left: 50%;

width: 700px;

margin-left: -350px;

}

#belakang {

left: 0px;

background: #000 none repeat scroll 0% 0%;

opacity: 0.6;

position: fixed;

z-index: -1;

top: 0px;

height: 100%;

width: 100%;

}

.tulisan {

font-size: 20px;

background: #FFF none repeat scroll 0% 0%;

border-radius: 50%;

box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.14);

cursor: pointer;

display: inline-block;

padding: 2px 9px;

text-align: center;

font-family: arial,sans-serif;

position: absolute;

top: -15px;

right: -20px;

collor:#344;

return:false;

}

.isinya {

border-radius: 3px;

box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);

width: 700px;

height: 400px;

border: 4px solid #FFF;

}

  • Lalu masukkan kode ini diatas kode </body>

<script>

var count=-1; // initially -1 as we are having a delay of 1000ms

var counter=setInterval(timer, 1000); //1000 will run it every 1 second

function timer()

{

count=count+1;

if (count >=6) //+1 than the req time as we have a delay of 1000ms

{

clearInterval(counter);

/////////////what code should go here for the modal to pop up??///////////////////////

$("#myModal").modal();

return;

}

document.getElementById("timer").innerHTML=count + " secs"; // watch for spelling

}

</script>

Note : Ubah angka 6 untuk menentukan menit waktu untuk membuka POP UP

  • Lalu terakhir letakkan kode ini diatas kode </head>

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<span id="timer"></span>

<div class="modal fade" id="myModal" >

<div id='mstamvan'>

<div id='belakang'></div>

<div class='tulisan' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)'><a>&#215;</a></div>

<div class='isinya'><a href='https://www.pertanyaanku.com' target='_blank'><img style="width: 700px; height: 400px;" alt='Pertanyaanku.com' src='https://4.bp.blogspot.com/-196pX0WJCMw/V2_2x4jUl7I/AAAAAAAAA0w/pA0-YCzd8TEv1tq5YO2dNB-xb0m346ZKQCLcB/s1600/card-widget-design.png'/></a>

</div>

</div>

</div>

</div>

Note : ubah screen gambarnya “https://4.bp.blogspot.com/-196pX0WJCMw/V2_2x4jUl7I/AAAAAAAAA0w/pA0-YCzd8TEv1tq5YO2dNB-xb0m346ZKQCLcB/s1600/card-widget-design.png”
dan ubah link urlnya “https://www.pertanyaanku.com”

Doktor Terjawab on 1 July 2016
Tambah Komentar
  • Jawaban Anda

    Dengan memposting jawaban, anda setuju dengan Kebijakan Privasi dan ketentuan layanan.