Memasang Iklan Adsense Melayang di Blog dengan Tombol Close

Mr. VJa
1 minute read
Saya tidak perlu untuk menjelaskan tentang apa dan bagaimana itu iklan adsense karna saya percaya anda telah memahaminya dengan baik, tetapi yang saya maksud yaitu penempatan iklan tersebut di samping (pinggir) blog bagian bawah dengan maksud agar mudah terlihat bagi yang mengujungi blog kita, dan syukur syukur-lah kalau mendapat klik-an.
Inilah Langkah Memasang Iklan Melayang di Bawah Blog:
  1. Seperti biasa, bukalah akun Blog Anda
  2.  Masuk ke Setting (layout atau Tata Letak) template blog anda.
  3.  Pilih Add Widget atau Tambah Gadget pilih HTML / Javascript
  4. Copy atau salinlah Kode Script di bawah ini, dan paste-kan langsung ke widget baru blog anda, lalu simpan
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 970px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNty1CfMeUEDEMzr-p3HFp7-jtsp-XPuwbEqPENF-Gr0m8M9hiByH7HmiAgkMz_LRY_qjV_ggCLAzZfUMyPZOq72ZZrDt-tGnz5gEogYp0vbypp5GXD69KzRcFoSFF6GLl8dfVXC4rtLHn/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

[Code script Iklan Adsense Anda]

</center></p>
</p>
</div>

Keterangan :
·         Ganti  tulisan yang berwarna merah dengan script iklan yang anda pasang.
·         Usahakan ukuran iklan 728 x 90 pixel




B. Memasang Iklan Melayang diTengah Blog dengan Tombol Close
Inilah Langkah Memasang Iklan Melayang di Bawah Blog:
1.    Seperti biasa, bukalah akun Blog Anda
2.    Masuk ke Setting (layout atau Tata Letak) template blog anda.
3.    Pilih Add Widget atau Tambah Gadget pilih HTML / Javascript
4.    Copy atau salinlah Kode Script di bawah ini, dan paste-kan langsung ke widget baru blog anda:

<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:50px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<right>
[Code script Iklan Adsense Anda]
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></right></div></div>

5.    Simpan, Selesai.


Keterangan :
·         Ganti  tulisan yang berwarna merah dengan script iklan yang anda pasang.
·         Usahakan ukuran iklan 728 x 90 pixel

Posting Komentar

0Komentar
Posting Komentar (0)