Membuat Pop Up di Blogger

Salah satu trick yang banyak digunakan oleh blogger untuk menampilkan widget iklan mereka agar lebih dominan untuk di simak oleh pengunjung adalah dengan menampilkannya sebagai "Pop Up". tentu pembaca sering kali menemukan ketika berkunjung ke sebuah blog, menemukan pop up melayang yang terkadang tidak bisa di close. Trik ini sebenarnya tidak terlalu sulit, namun harus diingat, bahwa tidak semua  Adsense menyetujui cara ini, sebab dikategorikan memaksakan pengunjung untuk menklik iklan yang ada di "Pop Up".

Namun sebagai tambahan pengetahuan, tidak ada salahnya untuk saya share pada anda sekalian.

Langkah-langkah memasang Pop up

1. Loggin Blogger > pilih "Dasbor"
2. Setelah langkah tersbut di atas, > pilih "Rancangan"
3. Add New Widget > "Add HTML/JAVAscript"
4. Copy Paste Kode di bawah ini :

<style>

#topbar {

height:30px;

width:auto;

background:#005094 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');

background-repeat:repeat-x;

text-align:left;

padding-top:4px;

}

#adsground {

height:auto;

margin:0 auto;

width: 728px;

background:#fff;

border-bottom:2px #005094 solid;

border-right:2px #005094 solid;

border-left:2px #005094 solid;

text-align:Center;

padding:4px;

}

#headlineatas {

opacity:1.0;

height:auto;

width:auto;

position:fixed;

top:65px;

left:170px;

border-bottom:1px #005094 solid;

border-bottom:0px blue solid;

color:#333;

padding:0px;

z-index:1001;

font-size:13px;}

</style>

<script type="text/javascript">

function getValue()

{

document.getElementById("headlineatas").style.display = 'none';

}

</script>

<div id="headlineatas">

<div id="topbar">

<img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png" />

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Space Ads</span>

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://infotutorial21.blogspot.com" target="_blank" onclick="getValue()">close</a></span>

</div>

<div id="adsground">

<h3>Sponsor Ads </h3>

<p align="left"><h3></h3></p>

<p>

<script src="http://sittizen/clik.php?b=75524&onlytitle=1" type="text/javascript"></script> <br/></p></div></div>

Catatan : yang berwarna merah, ganti dengan url Blog anda               yang berwarna biru ganti dengan Kode HTML/JAVAscript banner anda Perlu diperhatikan pada tulisan yang berwarna biru " ambil kode iklan Adsense, dengan awalan dan akhiran yang sama untuk menghindari galat ( diawali src dan diakhiri dengan </script> Semoga bermanfaat :

Untuk info lainnya, Anda dapat mengunjungi blog saya yang lain di : http:/infotutorial21.blogspot.com/

http://aspronett.blogspot.com/