Cara Membuat Iklan Popup di website blogspot

Cara Membuat Iklan Popup di website blogspot

• Buka blogger anda lalu masuk ke template dan edit lah.
• carilah  ]]></b:template-skin> dengan menkan ctrl + F
• Masukkan Kode CSS berikut ini Tepat di Atas Kode ]]></b:template-skin> :

/* PopUp Box CSS */
@media (max-width:800px){#WiraBox{display:none}}
#WiraBox{position:fixed!important;position:absolute;top:-700px;left:39%;margin:0
0 0 -182px;font:normal Dosis,Georgia,Serif;color:#333;-webkit-box-shadow:0 0
10px #333;-moz-box-shadow:0 0 10px #333;box-shadow:0 0 10px
#333;background:#fff;z-index:99999;}
#WiraBox a.close-popup{position:absolute;top:-25px;right:0;font:25px
Arial,Sans-Serif;text-decoration:none;text-align:center;color:#f2f2f2;cursor:pointer}
#WiraBox a.close-popup:hover{color:#fff}
#WiraBox a.close-popup:active{opacity:0}
#WiraBox div.black-bg{background:#000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvzw11uNm0A_xMDmDR7-Yx9phkxuhNSDAJiVvYBNPOrY05hsevxVkXideC8N9Bc8EPUUNKB8Cr4bqjkf0BEAAuq0kJ2K7ticG3Akoy1TxNkRZAgZF2rgJoGUsODAqW-zK-AjtoV9yT433Y/s1600/ajax-loader-apps.gif)
no-repeat center;position:fixed;top:0;left:0;width:100%;height:100%;opacity:.6;z-index:-500}
#WiraBox div.gambar-space{border:5px solid
#fff;position:relative;background:#fff;border-bottom:0}
#WiraBox div.gambar-space img{width:600px;height:400px}</div>

• Setelah ketemu masukkan Kode berikut ini tepat di atas kode </body>

<!-- jQuery Popup Banner Box [ Begin ] -->
<div id="WiraBox">
<a class="close-popup" href="#">&#215;</a>
<div class="black-bg kaluar"></div>
<div class="gambar-space">
<a href="#link"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoH-Tc0UbILcZ0duvB0SPhCtOlfaed3zeAyBr9ye8io-zZBnwssdRsi1EHTBREVGnKibU7Kq_AduWXg6c4J744bQiFaRwfoomr9uSAt2xYZnjd6_pMb1IzNH4t2J1Ks-XxbveKaEI6ZMET/s1600/SPACE-PROMOTE-600X400-PIXEL.png" alt="Judul"/></a>
</div>
</div>

<script type='text/javascript'>
// JavaScript Popup Banner Box
$(window).bind("load", function() {
$('#WiraBox').animate({top:"100px"}, 2000);
$('a.close-popup, .kaluar').click(function() {
$(this).parent().fadeOut(500);
return false;
});
});
</script>
<!-- jQuery Popup Banner Box [ End ] -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

• Untuk mendapatkan url gambar. Cukup anda upload gambar ke artikel seperti biasa ketika membuat posting. Link yang dimaksudkan diatas adalah url tujuan Popup nya. Judul adalah judul dari gambar Popup tersebut. isilah dengan teliti.