Add a Fixed (Floating) FeedBack Button/Icon To Your Blog

A blog is successful only if it's readers are happy and satisfied with the content and the layout of the blog. So the best way to optimize your blog is through the suggestions and advice directly from the readers. That is why other than comments section, a "Contact Me" page must be present in every web site and blog.
But if you think the readers are too lazy to go to the contact page and give their valuable advice, then placing a Floating (Fixed) Feedback button is the best possible way to get some quick optimization tips.

Recently I have posted a hack on how to place a floating-fixed "Back To Top" button on your blog, and this method is exactly same as that, just the coordinates of the picture has to be changed.

To place the FeedBack button, follow these steps:
Log in to Blogger, go to Layout section and then click on Add a Gadget -> HTML/JavaScript type. (Position of the widget is NOT important, it can be anywhere)

Now copy and paste this code in to it:
<a style="display:scroll;position:fixed;center:5px;right:5px;" href="YOUR_CONTACT-ME_LINK_HERE" title="Feedback Please"><img src="http://i34.tinypic.com/2pyz7rm.jpg" /></a>
Replace the RED part with the link to your "Contact Me" page, and the blue part of the code is to adjust the position of the button in the page [Currently it is 5 pixels away from center and right, Just try it once and you can easily control the position yourself]

You can try these buttons too:

| Feedback button | Feedback Button | Feedback button | Feedback Button | Feedback button | Feedback button | Feedback button | Feedback button | Feedback button |

Or buttons like these:
| | | | |

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

26 comments

Write comments
January 10, 2009 10:10 PM delete

Hey, it doesn't work. I can't see the button...

Reply
avatar
January 11, 2009 2:08 AM delete

Hi Sam
there's nothing so difficult in this code, I have placed the "Go to top", button in my blog(right side corner-bottom) by this method only...

Reply
avatar
February 14, 2009 5:12 AM delete

But it still doesn't work...

Reply
avatar
February 14, 2009 5:29 AM delete

On my test blog, I only see a question mark and that is only in Safari. Hmm..

Reply
avatar
February 14, 2009 7:18 AM delete

Hi snam,
Here's the blog, where I am using it:
http://2-test-template.blogspot.com/

I have added exactly the same code as displayed above !
And as even you are using back to top button in all your blogs, I'm unable to understand why this feedback button is not showing up in your blogs !

Reply
avatar
February 14, 2009 7:57 AM delete

The bottom is half hidden at the bottom on one blog and not showing up at all on another.

Reply
avatar
April 14, 2009 8:31 AM delete This comment has been removed by a blog administrator.
avatar
June 07, 2009 7:59 AM delete

hello sai

very nice post

but dude it is not working in my blog

i am using this script in my blog

<a style="display:scroll;position:fixed;center:5px;right:5px;" href="http://www.123contactform.com/contact-form-arham_ali60-20309.html" title="Feedback Please"><img src="http://www.gigaimage.com/images/0v0kzvema7xiwf83zyem.png"/></a>

you can visit my blog and c it

http://soft-tricks-by-arham.blogspot.com/

waiting for ur reply

Reply
avatar
June 07, 2009 9:43 AM delete

Hello arham,

I just chked your blog, and there's already a nice widget floating in the blog, I hope that solves any of your problems!

Reply
avatar
June 08, 2009 1:13 PM delete

no dude but i want a feedback widget can u plz help

Reply
avatar
arham
June 12, 2009 4:05 AM delete

w8ing for ur reply

Reply
avatar
June 12, 2009 9:50 AM delete

Arham....tell me what exactly do you expect from a feedback widget...?

Reply
avatar
June 15, 2009 10:07 AM delete

sai
it look nice .. so y i want it :)

Reply
avatar
July 03, 2009 4:04 AM delete

it is working, don't place it on the sidebar,
place it on before the content element.

http://www.iraqfun.net/2009/07/blog-post.html

thanks

Reply
avatar
October 04, 2009 9:34 PM delete

thank u guys, worked perfectly

check it out - http://thaTVspot.com

Reply
avatar
October 22, 2009 10:51 AM delete

Thanks for telling that Manoj, actually Gigaimage has lost many of the images uploaded by me.
I have just updated the code with a new link to the image...try it now.

Reply
avatar
January 28, 2010 12:43 PM delete

great post. its working well

Reply
avatar
May 05, 2010 12:55 AM delete

It worked on my site for about a minute. Don't know what happened but it aint there anymore. Oh well

Reply
avatar
June 11, 2010 5:44 PM delete

great its working....thanks for sharing with us

Regards
Forward to Friends
http://forward2friends.blogspot.com

Reply
avatar
Anonymous
June 17, 2010 2:34 PM delete

OMG. Ive been looking for a good one and this is not the one i was looking for but it works perfectly. I put it in the wrong place at first. ha.

Reply
avatar
August 01, 2010 1:37 AM delete

how u added this back to top button of this site ...... when i move pointer on it then it enlarges ... plz. can u tell me how to do that ??
kindly e-mail me
vishalmeham2@gmail.com
regards
vishal

Reply
avatar
October 12, 2011 10:22 AM delete

lice blog .. Kepp posting
http://latestjobsinorissa.blogspot.com/

Reply
avatar
October 15, 2011 3:14 PM delete

Nice! Thank for providing these nice codes!

Reply
avatar
November 27, 2011 10:08 AM delete

great stuff...thank you for sharing!!!

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon