If you see right side of my blog, you can floating twitter button. Cute blue color twitter button follows you where ever you on my website 
. Similar way I want to set floating feedback button. So that visitor can leave his or her feedback easily. Even with out touching comments. Still may don;t like to fill comment form . for blogger I am able to get that plugin but wordpress blog until now I am unable to find such plug?in. If you have any ?
update: At last i got it from http://www.javascript-fx.com/submitscripts/float/float.htm
Update#2 : Seems source link down. So I am pasting script below. Remembers to chage and image as per your requirements.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | <!-- *********************************************************
* You may use this code for free on any web page provided that
* these comment lines and the following credit remain in the code.
* Floating Div from http://www.javascript-fx.com
******************************************************** -->
<div id="divTopLeft" style="position:absolute">
<!-- Start - put your content here --->
<a href="http://hostimagefree.com/contactus/form.php"><img alt="your feedback" title="leave your feedback" src="http://timewasteblog.com/vorvos5ado5bnlvza0vx.png" /> </a>
<!-- End - put your content here --->
</div>
<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
var px = document.layers ? "" : "px";
window[id + "_obj"] = el;
if(d.layers)el.style=el;
el.cx = el.sx = sx;el.cy = el.sy = sy;
el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
el.floatIt=function()
{
var pX, pY;
pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
document.documentElement && document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth;
pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop;
if(this.sy<0)
pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight;
this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
this.sP(this.cx, this.cy);
setTimeout(this.id + "_obj.floatIt()", 40);
}
return el;
}
JSFX_FloatDiv("divTopLeft", 10,30).floatIt();
</script>
<!-- ********************************************************* --> |
Other Posts related to current topic
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
The link provided is n linger valid.
Thanks for your update, Now posted script code. Please check it.
Hi, Does this code go in a WordPress template? If so, which file?
Cheers…
header.php, so you should place code between
) Open up your webpage document in Notepad
section just after the tag itself2) Right click in the text area below and select “copy”
3) Right click in Notepad and “Paste” this code into the
Customization Instructions
4) Put your content in place of the “Your Content Here” content
5) Change JSFX_FloatDiv(“divTopLeft”, 10 ,30).floatIt(); where
10 is the x-coordinate of the menu (distance from left of window)
30 is the y-coordinate of the menu (distance from right of window)