Home > Blogger, Tips dan Trik > Add Cool Floating Feedback Buttons in Blogger

Add Cool Floating Feedback Buttons in Blogger

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!

  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: