Tuesday, January 17, 2017

How To Add Floating Social Sharing Widget To Your Blog

Image result for floating social sharing pics

There all lots of Blog out there and the upcoming once as well. Every blogger want his or her Article to be shared online on Social Media. That is why social Media is the best marketing Network both for All bloggers. And also going online looking for multiple social sharing is another task and work as well. But today i will make that work easier. All you have to do to install the Multiple sharing widget to your Blog is very Simple.

Just follow below steps and you are Good to go.

Step 1: log into your Bloggers Account.

Step 2: Click on layout section.Image result for HTMLJavascript pics
Step 3: After clicking on your Layout section the Next step is to click on Add a Gadget.

How To Disable Your Stolen Mobile Phone.

Step 4: A New window will Pop-Up. From there Scroll down to HTMLJavascript. As seen in the screen shot below.Image result for HTMLJavascript code past pcs

Step 5: Click on your HTMLjavascript. Copy Below Code and Past it in the HTLM section do not Write anything in the Title section leave it Blank.

Image result for HTMLJavascript pics

Step 6: Past the following Code in the Space Below.

<!-- floating page sharers Start Share This With Friends-->
#pageshare {position:fixed; bottom:15%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>
<div class='sbutton' id='gb'>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<div class="fb-share-button" data-type="box_count"></div></div>
<div class='sbutton' id='gplusone'>
<g:plusone size="tall"></g:plusone>
<div class='sbutton' id='at'>
<a class="addthis_counter"></a>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>
<div style="clear: both;font-size: 9px;text-align:center;"> <a href="
https://reputatustech.blogspot.com.ng/2017/01/how-to-add-beautiful-page-navigation.html" rel="nofollow">Get this</a></div>
<!-- floating page sharers End -->

Super Fast Ways To Find Any Code In Your Blogger Template

Image result for HTMLJavascript code past pcs

Step 7: Click save. Remember to Drag and Drop the Widget any way you Want.
Share with friends and Drop your comment below before Leaving
How To Add Floating Social Sharing Widget To Your Blog
4/ 5

Subscribe via email

Get our latest updates straight to your inbox.