LATEST: We are offering PENTESTING and WEB DEVELOPMENT service with low price Learn More

6/17/2013

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!

About Author:

Hi, Its me Aamir Khan, Owner of HACKING ARTICLES. I am an Ethical Hacker, Pro Blogger, addicted Web Developer and Security Researcher with experience in various aspects of Information Security. I am from Pakistan.Hacking is my passion and i wanna myself to be called as a LEGEND in this field.

Follow him @ Twitter | Facebook


2 comments:

  1. Great post. This article is really very interesting and effective. I think its must be helpful for us. Thanks for your nice post.
    social exchange sites

    ReplyDelete
  2. Wow, Excellent post. This article is really very interesting and effective. I think its must be helpful for us. Thanks for sharing your informative.
    mentalist

    ReplyDelete

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.