Breaking News
Loading...
Sunday 28 June 2015

Create a Floating Feedback For Blogger

Asking your visitors to leave you suggestions or feedbacks can be pretty easy only if you provide them with an easy access to your feedback page. Readers are often lazy and getting them to leave a feedback is often tough. However you can let them comment willingly if you add a floating feedback button to your blog, that floats as a reader scrolls down or up.




 This floating button can be made more user friendly and eye-catching if you add a roll over effect to it. Hover your mouse over my feedback button at the bottom-left corner of this page and observe how the button magnifies when you hover your cursor over it. Liked it? Lets now learn the TNT of adding a Feedback Button to your blogs, along with a Floating Back-To-Top Button, which I will discuss later. 
For a feedback button you will need two images, one small (30 by 145 pixels) and one large (35 by 170 pixels) You can also use my feedback button if you wish,

You will then need to upload these images to an image hosting web service like Photobucket or other services like Google sites and sigmirror
Get URLs for both these images and then follow the steps below
  • Sign in your blogger account
  • Go To Layout > Page Elements
Click on add a Gadget
Click on HTML/JavaScript
Now Copy paste the code below into the HTML/JavaScript widget, 

 <!--TNT-by-STC-FEEDBACK-IMAGE-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;left:0px;" href="URL Of Feedback Page" title="Your Feedback is always welcomed!"><img onmouseover="this.src='URL of your Larger Feedback button'" src="URL Of Your Smaller Feedback button" onmouseout="this.src='URL Of Your Smaller Feedback button'"/></a>
<!--TNT-by-STC-FEEDBACK-IMAGE-STOPS-->

Note:- Remember to replace the Colored text with the required detailed specified. You can change the text “ Your Feedback is always welcomed! “ with any message you like. You must have a Contact page, where users could fill up an Email form to send you their Suggestions..

0 comments:

Post a Comment

 
Toggle Footer