Floating Facebook, Twitter, Google+ sharing corner widget for blogger

As a good traffic method the social networks are get a important place. To share, promote and get traffic to our website/blog sites, those are main advantages of the social networks. Normally we maintain Fanpages on social platforms to promote our websites. Facebook, Twitter and Google+ are the main and most popular social platforms. So we add some widgets to our website and blogs by connecting our fanpages on those platforms.
Today I'm gonna give a Featured widget to connect your fanpage with the blog, Floating Social Sharing Corner widget. This widget appears from top right corner of your blog and it looks like more beautiful and visitors are allure to click it.




Okay now let's see how to add this widget. First of all see the demo of the widget, go to below link.

Demo

Did you see it?

It is appearing on top right corner. I think you've got an idea about this widget. There is only Facebook widget on the demo site. But I'll give you Facebook, Twitter and Google+.

Now follow my steps to add it.

P/S: You can add only one widget to your blog. Because it is appearing on the top right corner. So there can't add more than one to top right corner. If you like Facebook add it. If you like Twitter add it. Or if you like Google+ add it.

Step 1

Login to your blogger dashboard and go to Layout >> Add a gadget.

Step 2

Then select HTML/JavaScript and paste below code in it.

<style type="text/css">
 #facebook {position: fixed;top: 0;right: 0;z-index: 9997;cursor: pointer;}
 </style>
<a target="_blank" id="facebook" href="http://www.facebook.com/pages/My-e-Tricks/352682268144012"><img src="http://4.bp.blogspot.com/-bRWYrFTodJY/Tx06jPcMoqI/AAAAAAAABHE/7AHTNTZW4-g/s1600/JoinUsOnFacebook.png" alt="Join Me On Facebook" /></a>

Step 3

1. Now replace the Red url with your Facebook/Twitter/Google+ page url. (Above code is already associated with Facebook, so you have to change only fanpage url)

2. Then replace the Green url with a image url that I given below. (ex: Twitter image url or Google+ image url) If you add Facebook, you do not need to change Green url.

Facebook image URL - http://4.bp.blogspot.com/-bRWYrFTodJY/Tx06jPcMoqI/AAAAAAAABHE/7AHTNTZW4-g/s1600/JoinUsOnFacebook.png

Google+ image URL - http://2.bp.blogspot.com/-pS-z5gmm_qY/UQu7UhuWkUI/AAAAAAAAA90/YKbxy-VC_D8/s380/FollowUsOn%2BGoogle%252B.png

Twitter image URL - http://4.bp.blogspot.com/-qYp3v7ot5fo/UQu7b9L3wrI/AAAAAAAAA-A/8cpHHQdqNZE/s1600/FollowUsOn%2BTwitter.png

3. And replace the Blue word with below words if you're using twitter or google+.

Twitter     - Follow Me On Twitter

Google+   - Follow Me On Google+

Step 4

Now save your gadget and view your blog. 

How is it?

If you have problems, please ask me.

Share on Google Plus

About Eranda

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.