Add Cool Floating Feedback Buttons in Blogger

Here is yet another PNG set for Feedback buttons which can be added in a similar method as we did for the previous [a href="http://www.mybloggertricks.com/2011/06/floating-feedback-buttons-set-for-blogs.html" target="_blank"]Feedback Buttons[/a] set. This time we will mouse hover effect to these buttons. The buttons will change color on mouse hover. You can do that using a simple code as shared below,

[a name='more'][/a]
[a href="#download" rel="nofollow"]Download[/a]

Add Floating Feedback Buttons With Mouse Hover in Blogger

1. Go To Blogger > Design > Page Elements
2. Select HTML/JavaScript widget
3. Paste the following code inside it,

<a style="display:scroll;position:fixed;bottom:10px;left:0px;" href="URL OF CONTACT PAGE" title="Feedback Please, Can't go further without your help"><img onmouseover="this.src='IMAGE LINK 2'" src="IMAGE LINK 1" onmouseout="this.src='IMAGE LINK 1'"/></a>

Make these changes:

• Replace URL OF CONTACT PAGE with the Link of your contact page
• Replace IMAGE LINK 1 with the URL of image in active mode
• Replace IMAGE LINK 2 with the URL of image which appears on mouse hover
• Change left to right if you want the button to appear at right side of your page

     4. Save your widget and you are done!

[a name="download"]Download[/a]

The rules are old. Kindly subscribe by submitting your Email ID below,

name="loc" type="hidden"/>
type="submit"/>

Activate your feeds and post the same Email ID below so that I could send the icons immediately. By subscribing once you get free access to all blogger resources published so far.

Source: http://www.mybloggertricks.com/2011/06/add-cool-floating-feedback-buttons-in.html