Salam blogger, pada kesempatan ini Q Ingin Bisa akan share tentang Cara Bikin Float About Me untuk Blog, yang seperti saya punya itu, sebenarnya cara ini sudah saya dapatkan lama sekali namun baru kali ini saya bisa share kan bagi temen-temen yang pengen banget blognya dikasih Cara Bikin Float About Me untuk Blog untuk itu pada kesempatan ini ane gak mau lebay, langsung ane kasih trik pembuatannya
Seperti biasa silahkan Copas kode di bawah dan masukkan di blog Sobat
Tambah Gadget ==> HTML/Java Script ==> Paste Kodenya dan kemudian silahkan disimpan
<style type="text/css">
#float-reog{
background-color:#61380B;
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;
}
#float-reog 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("float-reog");
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-reog");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 ="float-reog" align="center">
<a href="KASIH ALAMAT BLOG SASARAN" target="_blank">
<img src="KASIH ALAMAT GAMBAR YANG DI INGINKAN " width="70px" /></a><blink><font face="Times New Roman" size="2,8" color="#FF0000"><br />About Me<br /></font></blink></div>
Ket :
Url Ini KASIH ALAMAT BLOG SASARAN merupakan letak dimana ABOUT ME diletakkan silahkan isi alamat URL yang sobat inginkan
untuk yg ini KASIH ALAMAT GAMBAR YANG DI INGINKAN merupakan URL gambar jadi isikan URL gambar yang sobat inginkan
Url Ini KASIH ALAMAT BLOG SASARAN merupakan letak dimana ABOUT ME diletakkan silahkan isi alamat URL yang sobat inginkan
untuk yg ini KASIH ALAMAT GAMBAR YANG DI INGINKAN merupakan URL gambar jadi isikan URL gambar yang sobat inginkan
Note : ada kurang jelasnya dengan cara diatas silahkan kasih komentar dibawah, dan bagi anda yang sudah terlanjur membaca apalagi menggunakan alangkah baiknya meninggalkan setetes komentarnya disini terima kasih kawan sukses sll
Wassalam.
