How To Add Floating Feedback Button For Blogger Blogs

Writing  blog can be challenging at most times, but how about when you have an awesome blog and you want to know what people think about it? Any blog on any topic become a successful blog, when there visitors are happy and satisfied with your blog contents and blog layout.

In this tutorial, we are going to learn how to add floating feedback or contact button. This will help you get good advises and some suggestions from your blog visitors, then you can add comments box on every post footer and also add contact me or feedback page . With these and also many others ways, you can optimize your blog for the readers.

Feedback from the users or visitors is very important for all bloggers. They can be of help especially when wanting to get  new topics and ideas.

Let see how to add feedback button to a blog. Note that, the button will appear on the side on you blog at a fix point, so if you do the scrolling the button will be at one point.

The feedback URL has to link image links that gives a zoom in and out effect. I would prefer to create to images with different sizes to suite to the link.

Use these both small and large feedback buttons URL into the given code below :

Large Icon URL

https://lh3.googleusercontent.com/-jZKGcXzZafg/Vtw_bvPCyaI/AAAAAAAAE0w/TN1C5Hyauz4/w172-h173/large-feedback_button.png

Small Icon URL

https://lh3.googleusercontent.com/-Ob-E2DcMi5g/Vtw_bmQ08AI/AAAAAAAAE00/A3NAoK4SVq0/s173/feedback-button.gi

Add Floating Feedback Button To Blogspot Blogs

Step 1. Sign into your Blogger account.

Step 2. Select your Blog.

Step 3. Go to Layout > Page Element

Step 4. Click on Add a Gadget

Step 5. Click on HTML / JavaScript

Step 6. Now copy below code and paste it into the HTML/JavaScript widget box

<!–Created By www.blogassistz.com–>
<a style=”display:scroll;position:fixed;bottom:5px;left:0px;” href=”Enter URL Of Your Feedback Page” title=”Your Suggestions and Feedback are Always Welcomed“><img onmouseover=”this.src=’URL of your Larger Feedback button‘” src=”Enter URL Of Your Smaller Feedback button” onmouseout=”this.src='Enter URL Of Your Smaller Feedback button‘”/></a>
<!–Created By www.blogassist.com–>

N/B Change the colored URL BLUE small image link and BROWN large image link. You can also change the given text ” Your suggestions and Feedbacks are Always Welcomed “ , with your own desired words. 

Enter the contact us page URL(Enter URL Of Your Feedback Page) where user fill up form or contact us, for feedbacks,

Step 7. Save your template, and reload you blog to view the changes, you will see the floating feedback widget to your blog on the bottom-left corner.

Further you can decide to customize the positioning of the button by changing this 5px to your desire.

I hope this article has been of help to you guy...for support please use comment box...ciao!!

Share: