Home » , » 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 [a href="http://www.mybloggertricks.com/2011/06/floating-feedback-buttons-set-for-blogs.html" target="_blank"]Feedback Buttons[/a] 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,

[a name='more'][/a]
[a href="#download" rel="nofollow"]Download[/a]

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!

[a name="download"]Download[/a]

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


name="loc" type="hidden"/>
type="submit"/>

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.

Source: http://www.mybloggertricks.com/2011/06/add-cool-floating-feedback-buttons-in.html

0 comments :

Post a Comment

 
Play : Agame | Y8 Games | Y3 Games
Copyright © 2011. Blogger Tips And Tricks 2012 - All Rights Reserved

Proudly powered by Blogger