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 Juli 2016 pada Blog/Web.
Tambah Komentar
  • Loading...
    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://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

    Smilies Kaskus

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