Mudah sekali !!! Membuat Iklan Pop-Up Di Blog

Kali ini saya ingin berbagi tentang bagaimana caranya memasang iklan AdSense menjadi Pop-Up. Atau lebih jelasnya iklan yang bisa melayang di tengah artikel.



Untuk membuat iklan Pop-Up caranya tidak terlalu sulut-sulit banget dan sangat mudah sekali. Pertama - tama yang penting bisa faham dan mengerti penjelasan saya ini

Masuk atau login pada "Blogger"
• Lalu pilih "Tata Letak"
• Selanjutnya "Tambahkan Widget"
• Masukan code yang di bawah
• klik "Simpan"

Untuk penempatannya terserah kalian mau di header atau di sidebar tergantung selera masing masing


<!-- Start : Iklan Atas -->
<style>
#adstopbar {
height:25px;
cursor:move;
width:auto;
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/AVvXsEgCZ46lV0-mWBRGZdbaWAhs-U376OyowS0Wmnm3QOEQm30V1rrENPpvW2GNP-Hj7qyNBh6ynML1cJIWkfewQqv677yvy1eRJCW4xic8ajlhcgSURu7K2icjHefGc3LsBsGVDK13cGtoAZt9/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'>
</span>
</div>
<div id='adsplace'>
<!-- Begin Ads -->
Code iklan taruh di sini mas....
<!-- End Ads -->
</div></div>
<!-- End : Iklan Atas -->


Jangan lupa untuk menaruh code iklan yang sudah saya beri tanda kuning. Supaya tidak salah 

Sekian info dari saya semoga bermanfaat selamat mencoba semoga berhasil

No comments for "Mudah sekali !!! Membuat Iklan Pop-Up Di Blog"