Get Latest Tricks Alert Daily
Follow Readers

Add Cool Floating Feedback Buttons in Blogger


SHARE:


FEEDBACK-BUTTONSHere 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!




SHARE:



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!

Subscribe To Get Latest Tricks On Email!

 

3 comments:

  1. how to create URL OF CONTACT PAGE must reply

    ReplyDelete
    Replies
    1. @Shan Haider
      if you have Custom domain
      then login to your domain provider account and ceate sub domain

      Delete
  2. very informative articular, Thanks for sharing this
    http://www.mybloggertools.com/

    ReplyDelete