Tuesday, 3 March 2015

Attractive Social Media Buttons Floating Widget for Blogger

Attractive Social Media Buttons Floating Widget for Blogger

Attractive Social Media Buttons Floating Widget for Blogger
Tuesday, 3 March 2015
Are you searching for an amazing floating social media sharing widget for blogger blog? If your answer is yes, then you come to the right place here because in this post i am going to share an Amazing Social Media Buttons Floating Widget for blogspot blogs. These Social Media Floating Buttons will surely attract more visitors and force them to share your page and website's content with their friends and colleagues. The buttons are fully floating having vibrate feature on mouse hover, in simple words the gadget will remain stable but whenever a user hover a mouse on it then every actionable social button will automatically increase its length to left side and decrease its size with vibrate activity on user leaving it. This Sharing media Gadget contains all most all major sharing Site's button such as Facebook, Google Plus, Twitter, YouTubePinterest and RSS Feed having simple black color (Changes color on mouse hovering).

In previous post i was share both simple Facebook Like Box and Pop-up Facebook Like Box for Blogspot sites. Which is liked by almost many users of this site. But today i have shared best sharing gadget ever. I have shown its demo on other demo site, if you want to see it demo that how it looks like then simple click on the below link to see its demo...

Floating Social Sharing Buttons Blogger

How to Add Social Media Floating Buttons Widget to Blogger

This is more beautiful Sharing Gadget ever having a stunning look and user friendly design which suits to every site. In other words it is colorful sharing content gadget with proper coding and customization therefore this widget has been divided into three simple steps, So you must follow all the below mentioned steps to use this gadget on your website.

1. Go to Blogger Dashboard >> Template >> Edit HTML

Step #1

2. Search for ]]></b:skin>, and paste the below set of code just before ]]></b:skin>



Step #2

3. Now search for </head>, and paste the below piece of code just above </head>




Step #3

4. Now search for </body>, and paste the below slice of code just above </body>
<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='https://www.facebook.com/Bloggercell' rel='nofollow' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow us via Facebook</span></span></a>
<a class='itemsocial' href='https://twitter.com/Bloggercellfans' rel='nofollow' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow us via Twitter</span></span></a>
<a class='itemsocial' href='https://plus.google.com/+Bloggercell' rel='nofollow' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow us via Google</span></span></a>
<a class='itemsocial' href='http://pinterest.com/Bloggercell' rel='nofollow' id='pinterest-btn' target='_blank'><span class='social-icon'>
<span class='social-text'>Follow us via Pinterest</span></span></a>
<a class='itemsocial' href='https://www.youtube.com/user/Bloggercell' rel='nofollow' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow us via Youtube</span></span></a>
<a class='itemsocial' href='http://feeds.feedburner.com/Bloggercell' rel='nofollow' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow us via RSS</span></span></a>
</div>

- Change  "https://www.facebook.com/Bloggercell" with your Facebook Fan page
- Replace "https://twitter.com/Bloggercellfans" with Twitter ID
- Change "https://plus.google.com/+Bloggercell" with Google Plus Page
- Change "http://pinterest.com/Bloggercell" with Pinterest ID
- Replace "https://www.youtube.com/user/Bloggercell" with YouTube Channel Address
- Change "http://feeds.feedburner.com/Bloggercell" with your RSS Feed Burner Address

5. Now after pasting and customizing all above settings just click on "Save Template" button to save your settings.

Hope you will like this Amazing Floating Social Media Buttons Widget for Blogger. Because i am searching for a best attractive social widget for blogspot for a week and finally i found this gadget best for all type of sites due to its powerful features. If you have any question then leave your comment in below section. Keep visiting my blog for more latest updates and blogging tips.
Attractive Social Media Buttons Floating Widget for Blogger
4/ 5
Oleh

6 comments:

Sathish Sundar said...

Thank you for explaining the best tutorial. Now I have injected your idea in my blog www.ineedblog.com.

Thank you!

Tariq Rafique said...

Extremely happy to hear that you like this beautiful widget....

Blog The Tech said...

Thanks man

Tariq Rafique said...

You're most welcome

Sathish Sundar said...

Hi admin after few months my floating gets stucked and it is static. could you help?
www.ineedblog.com
Thanks!

Maisam Afshar said...

Thanks alot bro , i really needed it !
www.learn-cpluspluss.blogspot.com