CARA BUAT FLOATING BAR DENGAN GAMBAR

Hy guys,Pada tutorial Blogg kali ini saya berbagi sedikit tips Cara Bikin Float Gambar Pada Blog,
trik ini cukup simpel dan mudah . membuat profil kita berjalan terus seperti gambar diatas tadi.



bila Anda tertarik ingin membuatnya Anda tinggal ikuti saja langkah-langkahg dibawah ini

1. Login Ke Akun Blog Sobat
2. Klik Tab Tata Letak/ Rancangan
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten

<style type="text/css">

#hisyam-WLC {
background-color:#070707;
position:absolute;
visibility:hidden;
z-index:100;
border:2px
#FFFFFF groove;
-moz-border-radius:8px;
padding-top:6px;
padding-left:1px;
padding-bottom:3px;
padding-right:1px;
-moz-opacity:0.63;
filter:alpha(opacity=63);opacity:0.63;
}
#hisyam-WLC a img{
color:transparent;text-decoration:none;border:none;
}
</style>

<script language="javascript">

/***************************************************************
* Floating Top Bar script - Dynamic Drive (http://www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* Simplified Floating by !CrazyDavinci! (http://crazydavinci.net)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***************************************************************/
startX = parseInt(screen.width/2)+500;startY = parseInt(screen.height/2)-110
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function staticbar(){
ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
d = document;
el= d.getElementById("hisyam-WLC");
barheight= el.offsetHeight;
function ml(id){
el.style.cssText="visibility:visible;width:75px";if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.x = startX;el.y -= startY;return el;
}
window.stayTopright=function(){
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("stayTopright()", 10);
}
ftlObj = ml("float-oktri");stayTopright();
}
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 ="hisyam-WLC" align="center">
<a href="kasih alamat url yang kalian tujuh" title="My Profil">
<img src="url image gambar kalian" width="60px" /></a><blink><font face="Times New Roman" size="2,4" color="#0cff00"><br />About Me<br /></font></blink></div>

 Ket :
Url Ini kasih alamat url yang kalian tujuh , merupakan letak dimana ABOUT ME diletakkan silahkan isi alamat  URL yang sobat inginkan
untuk yg ini url image gambar kalian merupakan URL gambar jadi isikan URL gambar yang sobat inginkan
 
7. Klik Simpan
8. Selesai

GOOD LUCK