Cara Membuat Floating Bar di Blogger

Cara membuat floating bar di blog anda itu lah topik pembahasan kita hari ini. pasti sudah banyak yg mengerti apa yg dimaksud dengan floating bar bukan? Bagi yg belum mengerti jangan khwatir akan saya terangkan terlebih dahulu.

yang dimaksud dengan floating bar itu ialah sebuah iklan yg floating / mengapung di layar blog anda secara tiba-tiba muncul. yg posisinya baik diatas maupun dibawah blog anda (tergantung keinginan) yg akan tampil jika tidak di CLOSE (tutup). Nah dengan adanya Floating ads ini sangat bermanfaat bagi anda yg mempunyai iklan per klik. salain tampilan nya yg menarik tentunya memberi keuntungan bagi anda sendiri, karna iklan anda akan mudah terlihat oleh pengunjug. Nah untuk memasangnya sangat lah mudah.

Berikut cara-cara menambah float ads diblog:

• Login dulu ke account blogger anda
• Tata Letak
• Kemudian di elemen pilih tambah gadget
• Kemudian pilih Java script/ HTML
• Dan copy paste kode dibawah ini
  
  

<style type="text/css">

#topbar{

position:absolute;

border: 2px red;

padding: 2px;

background-color: transfarent;

width: 700px;

visibility: hidden;

z-index: 100;

}

</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 = 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.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">

<a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>X</button></span></a><a style="font-weight: bold; color: black(51, 255, 51);"> << CLOSE

</a><p><a style="font-weight: bold; color: black(51, 255, 51);" title="cara mudah dapatkan uang dari internet">Iklan sponsor blog ini</a>

</p><center><script src="http://kumpulblogger.com/scahor.php?b=75524&onlytitle=1" type="text/javascript"></script></center>

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

• simpan
• Jika cara di atas tidak berhasil klik link berikut ini
• Copy paste kode di dalam file Notepad tersebut dan ikuti langkah-langkah nya seperti cara di atas

Catatan

• Background-color : warna dinding (bisa diganti)
• Width : untuk lebar ( bisa diganti)
• CLOSE/Iklan sponsor blog ini : ganti dengan kata yg anda inginkan atau bisa anda hapus
• Yang paling terpenting yg harus anda ganti dengan kode iklan yg anda punya

  <script src="http://kumpulblogger.com/scahor.php?b=75524&onlytitle=1" type="text/javascript"></script>

• Selebih nya bisa anda modif sendiri sesuai dengan yg anda inginkan