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 Feedback Buttons set. Th...

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.