Add Cool Floating Feedback Buttons in Blogger - My Blogger Market

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

6/30/2011

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!


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.

No comments:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.

Post Top Ad

Responsive Ads Here