Pasang Iklan yang melayang di blog

Floating Ads sendiri bisa menjadi sangat mengganggu pengunjung apabila pemasangannya terlalu berlebihan dan peletakkannya tidak memperhatikan segi keindahan blog. Ditambah lagi apabila floating ads menutupi artikel dan tidak disertai oleh tombol Close. Hal ini bisa mengganggu para pengunjung yang membaca artikel anda.

Disini saya akan sharing cara memasang floating ads Atau Iklan Yang Melayang di Atas Blog dengan sangat simple dan mudah.

1. Langsung saja masuk ke dasbor blogger anda.

2. Menuju ke Rancangan>Elemen Laman

3. Tambahkan sebuah gadget baru yaitu "HTML/Javascript"

4. Copy dan paste script code di bawah ini kedalam form yang muncul.

<style type="text/css">
#topbar{
position:absolute;
left:0px;
border: 0px red;
padding: 0px;
background-color: transparent;
height: 30pxwidth: 30px;
visibility: hidden;
z-index: +1000;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 5 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "fromtop"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div class="clear"></div>
<div id="topbar">
<u style="color: blue;"><blink><b>
<div style="text-align:right">
<a style="color: black(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span>CLOSE</span></a></div></b></blink></u>
Script Code Iklan Anda Disini
<left><table style="width: 700px; height: 50px;" border="0"><tbody><tr><td style="vertical-align: top;">
<center>
</center>
<p></p><p></p></td></tr></tbody></table></left></iframe></center></div>

Keterangan:

1. Kode berwarna Merah pada script code diatas adalah ukuran iklan anda. Anda bisa sesuaikan sendiri.
2. Kode berwarna Biru adalah posisi floating ads anda (sesuai sumbu X, dan Y)
3. Teks CLOSE berwarna Hijau adalah teks link yang nantinya berfungsi sebagai tombol untuk menghilangkan iklan anda dari blog. Anda bisa menggantinya dengan teks lain semisal: Keluar, X, Exit, atau apapun.
4. Angka 700 berwarna Ungu adalah luas bidang iklan anda. Anda bisa sesuaikan sendiri.
5. Ganti tulisan Script Code Iklan Anda Disini Dengan script code iklan anda.

Simpan semua perubahan dan lihat hasilnya.

Sedikit saran dari saya adalah, jaga kenyamanan pengunjung dengan meletakkan floating ads ini pada posisi yang tepat. Anda bisa meletakkannya ditempat yang jelas tapi tidak menutupi artikel anda. Dan jangan berlebihan memasang iklan dalam floating ads ini. Selamat mencoba...