Rehmat Alam A blogger who has fallen in love with coding! Here at SupportiveHands.net, I share things that relate to coding, servers, E-marketing, and other related fields.

Attractive Floating Social Media Buttons Widget for Blogger

2 min read

Are you searching for a social media profiles widget for your blogspot blog? If yes, then my recommended social media widget will surely make you love it. I’ll show you how to add a simple widget on your Blogger blog. The buttons are floating/sticky, meaning that they will stay visible on screen even whenvisitors will scroll down or up on the page. Your visitors will be able to follow you on Twitter, will access your Facebook page, will follow you on Google+, will get connected with you on LinkedIn or will subscribe for your blog updates via Feedburner.

social-media-widget

Adding Social Media Buttons to Blogger Blogs

Β To add this widget to your Blogger blog, follow below simple instructions.

1. First of all, login to your Blogger blog’s dashboard and choose the blog to which you are going to add the widget

2. Go to blog’s layout and add a new gadget anywhere. Choose HTML/JavaScript as type and paste below code in the box

<style>
.sh-socialbuttons {
left:-30px;
top:180px;
position:fixed;
z-index:10000;
border:1px solid #dcdcdc;
border-radius:5px;
padding:5px;
opacity:0.5;
background:white;
}
.sh-socialbuttons:hover {
left:0px;
opacity:1.0;
}
</style>
<div class="sh-socialbuttons">
<table border="0" cellspacing="0" cellpadding="1" width="34">
<tbody>
<tr>
<td valign="top" width="34"><a href="http://www.facebook.com/facebookID" target="_blank"><img src="http://i1264.photobucket.com/albums/jj481/Rehmat_Alam/social-media-buttons/facebook_zpsef48af1e.png" title="Be Our Fan on Facebook"/></a></td></tr>
<tr>
<td valign="top" width="34"><a href="https://plus.google.com/googleplusID" target="_blank"><img src="http://i1264.photobucket.com/albums/jj481/Rehmat_Alam/social-media-buttons/gplus_zps9e1029df.png" title="Add Us to Circles on Google+"/></a></td></tr>
<tr>
<td valign="top" width="34"><a href="http://twitter.com/twitterID" target="_blank"><img src="http://i1264.photobucket.com/albums/jj481/Rehmat_Alam/social-media-buttons/twitter_zps361c5a18.png" title="Follow Us!"/></a></td></tr>
<tr>
<td valign="top" width="34"><a href="http://linkedin.com/linkedinID" target="_blank"><img src="http://i1264.photobucket.com/albums/jj481/Rehmat_Alam/social-media-buttons/linkedin_zps1ccb637b.png" title="Find Us on LinkedIn"/></a></td></tr>
<tr>
<td valign="top" width="34"><a href="http://pinterest.com/pinterestID" target="_blank"><img src="http://i1264.photobucket.com/albums/jj481/Rehmat_Alam/social-media-buttons/pinterest_zpsc8484fb1.png" title="Follow us On Pinterest"/></a></td></tr>
<tr>
<td valign="top" width="34"><a href="http://www.youtube.com/youtubeID" target="_blank"><img src="http://i1264.photobucket.com/albums/jj481/Rehmat_Alam/social-media-buttons/youtube_zpse06b5414.png" title="Subscribe our Youtube Channel"/></a></td></tr>
<tr>
<td valign="top" width="34"><a href="http://feeds.feedburner.com/feedburnerID" target="_blank"><img src="http://i1264.photobucket.com/albums/jj481/Rehmat_Alam/social-media-buttons/RSS_zpsba31aaab.png" title="Subscribe our RSS Feeds"/></a></td></tr>
</tbody></table>
</div>

3. Now replace above highlighted values with your concerned social profile IDs and save the gadget

4. Save arrangement and visit your blog to see the social profile icons in action πŸ™‚

Although the widget is easy to add, still if you are facing any difficulties in adding these beautiful social media buttons to your blog, let me know in comments. I’ll help you.

Rehmat Alam A blogger who has fallen in love with coding! Here at SupportiveHands.net, I share things that relate to coding, servers, E-marketing, and other related fields.

How to Add “Contact Me” Form and Sticky Button…

Google’s Blogger is though providing a brilliant free blog hosting, but some limitations are also there on Blogger. One of these limitations is, Blogger...
Rehmat Alam
2 min read

Sliding / Slipping Down (Popup) Facebook Like Blogger Widget

Facebook is a great source of traffic if you succeed in building a good list of fans there. To help you out in increasing...
Rehmat Alam
1 min read

Related Posts with Thumbnails Widget for Blogger Blogs

This widget will display related posts under each post in your Blogger blog. The uniqueness of this widget is that it displays related suggestions...
Rehmat Alam
1 min read

7 Replies to “Attractive Floating Social Media Buttons Widget for Blogger”

Leave a Reply

Your email address will not be published. Required fields are marked *