ZMedia Purwodadi
Home Blogger

Cara Membuat Iklan Pop up Melayang Pada Blog

Rizaluye
Rizaluye
Updated: • 0 • min read
Table of Contents
Cara Membuat Iklan Pop up Melayang Pada Blog

Rizaluye.eu.org | 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix30cEybVyml6wV3rKs5iDov9xHktZDZKsv_cb9aedqHNsMUazOK979ldyRc-4D8PTblwBN9yWXxs7dDmWMivWrf4lEFRtstmsqESgJronWad46LDLPr9ClEzk7dGw8p1uVVUu0AAxALau/s1600/ads_1.png" style="height: 24px; padding-left: 2px; width: 24px;" /><span style="margin-left: 5px; text-shadow: black 0.1em 0.1em 0.1em;">Sponsor</span> <span style="float: right; padding-right: 2px; padding-top: 3px; text-shadow: black 0.1em 0.1em 0.1em;">
<img height="16px" id="adsClose" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsJuYZ_ionR_m-WTah7EfiWGkB9uxHRRdKrHfPpdNyjhZbGWsSs8Q6m33KqxsXEGInvGFa6ZBNs0xfDr-z6dpUpIW9gsCGpRUCof-DmOogvLxSz2IdFn63HTAMw0rp7vONXWbf-2Bwu_4t/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><span style="font-family: Times New Roman;"><span style="white-space: normal;">
<!--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.

Post a Comment