Cara Membuat Iklan Melayang Dengan Tombol Close

Kali ini saya akan membahas tentang cara membuat iklan melayang di blog.
langsung saja di bawah ini :

1. Login Blogger
2. Pilih rancangan.
3. Klik tambah gadget.
4.Pilih HTML/JavaScript.
5. Masukkan kode di bawah ini :

<script type="text/javascript"><!--
var persistclose=0
var startX = 100
var startY = 100
var verticalpos="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>
<style type="text/css"><!--
#topbar{position:absolute;width: 340px;visibility: hidden;z-index: 100;border: 1px solid #bdccdc;padding: 5px; background-color: #fff; -moz-border-radius:5px; font: 11px Tahoma, arial, Verdana, sans-serif; line-height:16px;}
.tolbarclose {cursor:default;}
--></style>
<div id="topbar">
<div class="iklankotak1" style="padding:0 0 5px 5px;">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:5px 0 5px 3px;" valign="top" width="50%">
<span style="font-size:14px; font-weight:bold;">Welcome!</span>
</td>
<td align="right" style="padding:0;" valign="top" width="50%">
<a class="tolbarclose" href="#" onclick="closebar(); return false" rel="nofollow"><img alt="close" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2abxX_bg-KcL_EkxU9UvSK7kFh1isxGtZi_klEnsSEmU7WsNmd5uYna_nv1XcFIHhNCZdBHwujYemomQlKHmO46RumdFibf1Y3cMtXCYbImImvs6moDj4nJ37ONEP_zfwaxt5Pt1zQyE/?imgmax=800" /></a>
</td>
</tr>
<tr>
<td colspan="2" valign="top">
<!-- Isi Widget melayang -->

Isikan Kode Iklan Anda

<!-- Isi Widget melayang -->
</td></tr></table></div>
</div>

6. Simpan dan lihat blog hasilnya.

Semoga Bermanfaat. .

Related Post :

Subcribe Via Email :

Jika Anda Menyukai Artikel Blog ini, Masukan Alamat Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya

Enter Your Email Address :