RE: Setting iklan di blog muncul setelah 10 detik

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

RE: 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>

parttime2 SMA Ditanyakan on 1 Juli 2016 pada Blog/Web.
Tambah Komentar
Loading...

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://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://pertanyaanku.com”

Megister Terjawab on 1 Juli 2016
Tambah Komentar

Jawaban Anda

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