Cara membuat Iklan Pop UP melayang pada blog atau Tutorial Menambah Aplikasi Iklan Pop UP. Artikel kali ini adalah Cara Membuat Tampilan Iklan Pop UP (Melayang) di blogger. membuat pop up sangat mudah untuk anda buat, hanya sedikit menambah kode ke dalam blog anda.Berikut ini cara-caranya.
<style>
1. Login terlebih dahulu ke blogger
2. Kemudian klik tambah gadget
3. Pilih HTML/JavaScript
4. Copy dan Pastekan kode di bawah ini ke dalam nya
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilxvO3wBq8Wjhzx1CATWNUBeX56nXmECZ9nm9t5X1QhGZusomhqMsAxuLfr1rkRDHmjIP8r8UHjt0dnrTkvZXzl84cUUaAI64h7DqxIyuvf5UNMCJd6TqVrZCIsJo2NSVjRr70hkvL8kU/s220/A.0114.jpg" />
<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://blog-arul.blogspot.com" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<h3>Sponsor Ads </h3>
<p align="left"><h3></h3></p>
<p>
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=ib2AcwWXUP0%3D&cid=xoxibs15%2BiU%3D&chan=MdKsvWXbUJE%3D&type=4&title=CC0000&text=000000&background=FFFFFF&border=CC0000&url=0000FF" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ --> <br/></p></div></div>
5. Ganti Kode yang di beri hurup tebal di atas dengan kode iklan yang anda inginkan.
6. Kemudian simpan
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilxvO3wBq8Wjhzx1CATWNUBeX56nXmECZ9nm9t5X1QhGZusomhqMsAxuLfr1rkRDHmjIP8r8UHjt0dnrTkvZXzl84cUUaAI64h7DqxIyuvf5UNMCJd6TqVrZCIsJo2NSVjRr70hkvL8kU/s220/A.0114.jpg" />
<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://blog-arul.blogspot.com" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<h3>Sponsor Ads </h3>
<p align="left"><h3></h3></p>
<p>
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=ib2AcwWXUP0%3D&cid=xoxibs15%2BiU%3D&chan=MdKsvWXbUJE%3D&type=4&title=CC0000&text=000000&background=FFFFFF&border=CC0000&url=0000FF" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ --> <br/></p></div></div>
5. Ganti Kode yang di beri hurup tebal di atas dengan kode iklan yang anda inginkan.
6. Kemudian simpan