Add Transparent Social Sharing Gadget To Blogger


Social sharing gadgets play an important role in blogging, Bloggers every day develop new style of social sharing widgets.Today m here to show you how to add TRANSPARENT sharing Widget to your blogger Which floats.

FOLLOW THE STEPS GIVEN BELOW:

  • Log in to your Bogger account. 
  • Go to Design CLICK ON Page elements. 
  • Click on Add A Gadget and select select HTML/Javascript.
  • Paste the below code in HTML gadget.

<!-- floating page sharers Start by www.hacking-articles.blogspot.com --><style type="text/css">#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left;background:transparent;padding:0 0 2px 0;z-index:10;}#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}.fb_share_count_top {width:48px !important;}.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}</style><div id='pageshare' title="Get this from s-tofus.blogspot.com"><div class='sbutton' id='fb'><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></div><div class='sbutton' id='rt'><script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script></div><div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div align='center'><a href='http://www.hacking-articles.blogspot.com'>Get This</a></div>
<!-- floating page sharers by www.hacking-articles.blogspot.com End --></div>
  • Now save the gadget and click on save page elements on the top.
You are all done. Reload your blog and see!

Share this

Related Posts

Previous
Next Post »