CARA MEMBUAT IKLAN POP UP (MELAYANG) di Blog

Bagikan :

Tweet

Bismillahirrahmanirrahim, Assalamu'alaikum Wr.Wb
Sahabat Blogger, dah lumayan lama gak posting dan nulis Tutorial lagi nih, karena lagi sibuk belajar Wordpress dan Bahasa Inggris neh, hehe. baik, kali ini kita akan membahas tentang CARA MEMBUAT IKLAN POP UP (MELAYANG) Tutorial Menambah Aplikasi Iklan Pop UP atau iklan melayang di blogspot. Langsung saja kita menuju ke cara MEMBUAT IKLAN POP UP disini, langsung disimak ya :

• Login terlebih dahulu ke blogger
• Kemudian klik tambah gadget
• Pilih HTML/JavaScript
• Copy dan Pastekan kode di bawah ini ke dalam nya

Skrip Iklan pop up di blog

<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://submitbookmarker.com" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<h3>Sponsor Ads </h3>
<p align="left"><h3></h3></p>
<p>
Selamat datang di Blog Sederhana ini <a href="www.zaenal-web.com">zaenal web Dot Com</a>
<br/></p></div></div>

• Kemudian simpan
• Ganti Kode yang di beri hurup tebal di atas dengan kode iklan yang anda inginkan.
• Selesai...

Tag : Tips dan Trik, Tutorial Blog