Membuat Iklan melayang pada blog

Banyak cara agar penghasilan uang lewat blog kita dapat meningkat, salah satu caranya dengan membuat tampilan iklan yang melayang-melayang pada laman blog kita, mau lihat contohnya ;

Ok, langsung ajah tutorial blognya sbb :

• log in ke Account blog anda
• Klik tab Tata Letak >> ELEMEN HALAMAN >>Tambah Gadget >> HTML/JavaScript 
• Masukkan Kode Berikut di dalam tab yang telah di sediakan ;

<style type="text/css">

#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: white;
width: 520px;
visibility: hidden;
z-index: 100;
}

</style>

<script type="text/javascript">

/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

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 = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

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.center=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 id="topbar">

<p align="left"><a href="" onclick="closebar(); return false"><img border="0" src="http://www.pulte.com/images/Pulte/button-close.gif"/></a>
<div style="border:1px solid#FF1493"><p align="center"><p style="text-align:center;"><p style="text-align:center;"><td style="background-position:bottom; background-repeat:no-repeat " background="http://maxpaper2.appspot.com/mypuppies/images/puppies/4.gif"></td>
silahkan kunjungi</p></p></p>
<p style="text-align:left;">
<script type="text/javascript"><!--
zone = "10";
pl = "603";
shape = "2";
c_border = "FFFFFF";
c_background = "FFFFFF";
c_text1 = "000000";
c_text2 = "000000";
c_text3 = "000000";
c_text4 = "000000";
c_text5 = "aecceb";
url = "http://iklan.bookmarkindo.com";
//--></script>
<script src="http://iklan.bookmarkindo.com/show.js" type="text/javascript"></script>
<script src="http://kumpulblogger.com/scahor.php?b=91865&onlytitle=1" type="text/javascript"></script>
<a href="http://www.AWSurveys.com/HomeMain.cfm?RefID=dHieL3m0"><img width="150" src="http://www.AWSurveys.com/Pictures/AWS_ad3_150by150.jpg" height="150"/></a>
</p> </div></p></div>

• Ok, slesai deh. Mudah bukan, selanjutnya dapat anda modif sendiri sesuai dengan selera anda !!, jangan lupa jitak punya saya juga yeee. hehehehehehe.........
  

Ingin Dapet Duit ?? Lihat Artikel Dibawah !!