Cara Membuat Iklan Pop up Melayang Pada Blog


NGOPI MEDIA | Cara Membuat Iklan Pop up Melayang Pada Blog , kali ini saya akan coba menjelaskan bagaimana caranya untuk membuat iklan melayang atau bisa disebut pop-up di sebuah blog. oke langsung saja kita lihat contohnya di bawah ini, siapa tau masih ada yang belum paham apa itu iklan pop-up

Melalui Widget HTML/Javascript masuk ke blog sobat, lalu pilih tata letak kemudian sobat pilih tambah widget (terserah mau di header ataupun yang lainnya) lalu pilih edit, dan masukan source kode yang ada di bawah.

<!-- Start : Iklan Atas -->
<style>
#adstopbar {
height:25px;
cursor:move;
width:auto;
background: #005094 url(http://lh6.googleusercontent.com/-25yI9RdlTQM/TkWH5CaAh3I/AAAAAAAAAd4/tl00tzlBc80/s800/sidebar-h2.jpg);
background-repeat:repeat-x;
text-align:left;
box-shadow: inset 0 0 1px #fff;
-moz-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius:4px 4px 0 0;
background-color:#005094;
}
#adsplace {
height:auto;
margin:0 auto;
width: auto;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:Center;
padding:2px;
}
#adspace {
opacity:1.0;
height:auto;
width:auto;
position: fixed;
top: 20%;
left: 40%;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:+99999;
font-size:13px;
}
</style>
<script>
$(document).ready(function() {
$(&quot;#adspace&quot;).draggable();
$(&quot;#adspace&quot;).show(&quot;clip&quot;);
$(&quot;#adsClose&quot;).click(function(){
$(&quot;#adspace&quot;).hide(&quot;explode&quot;);});
});
</script>
<div id='adspace' style='display:none;'>
<div id='adstopbar'>
<img align='left' src='http://3.bp.blogspot.com/-FvG5p_ZhI34/VgYziey-DYI/AAAAAAAAAOI/4sPd5E_r2Wc/s1600/ads_1.png' style='width:24px;height:24px;padding-left:2px;'/><span style='color:#fff;font-size:17px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;margin-left:5px;'>Sponsor</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:2px'>
<img height='16px' id='adsClose' src='http://1.bp.blogspot.com/-HT_c-10J9dI/VgJqQxK-JEI/AAAAAAAAAK8/Se_YAdaCdfA/s1600/close.gif' style='cursor:pointer;' title='Close' width='16px'/>
</span>
</div>
<div id='adsplace'>
<!-- Begin Ads -->
Kode Iklan Taruh Di sini Gan
<!-- End Ads -->
</div></div>
<!-- End : Iklan Atas -->

Cara kedua yaitu Melalui edit HTML template langkah awal hampir sama seperti yang di atas. masuk ke template, lalu pilih edit HTML Tekan Ctrl+F untuk menampilkan tools search di edit HTML lalu ketik </head> atau <body>, lalu masukan source code yang ada di bawah (di bawah </head> atau di atas <body>

klik save

Demikian Artikel mengenai Cara Membuat Iklan Pop up Melayang Pada Blog, Semoga bermanfaat.

0 Response to "Cara Membuat Iklan Pop up Melayang Pada Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel