Add Cool Floating Feedback Buttons in Blogger

Pin It

Here is yet another PNG set for Feedback buttons which can be added in a similar method as we did for the previous Feedback Buttons 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,

Download

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!

Download

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

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.

If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

Thanks for making this possible! Kindly Bookmark and Share it.