Floating social media share buttons for blogger blog - Okongeorge | Digital Wealth & Empowerment Floating social media share buttons for blogger blog : Okongeorge.com
Okongeorge | Digital Wealth & Empowerment

Learn and Make Money Online.

Date: - Time:

Floating social media share buttons for blogger blog

Floating social medial share buttons for blogger blog
Irrespective of which combined tools are more preferable to you for building branded business, increasing blog traffic and ranking, accelerating content marketing effort and generating sales, I know quite sure, the social media impact with respect building trust, credibility, prospective followers, traffic, brand awareness, SEO, sales and even back-links cannot be overemphasis.

What is more better to your website branding, traffic and ranking order than social media sharing platform? Even search engine rely hugely on social votes of specific posts and pages urls in determining the accuracy and relevancy of such content pertaining to ranking. That's what floating social media share buttons can do to your business by making it simply and easy for them to share your content on various social media, that in-turn increases eyeball, social voting, SEO, ranking.

Floating share buttons can get you lot more exposure like social media fans, twitter followers, LinkedIn connection and huge of groups members when integrated into your Blogspot or Blogger blog, through share, which may also trigger your social audience re-sharing your content resulting to double portion of traffic to your blog.

This great social sharing widget tool is known as floating social media share buttons because, it’s by customization fixed on the computer screen of the site web pages and blog posts urls, and cannot be moved when scrolled content from header to the footer. This social share widget share button appears in each section of the webpage fixed vertically on screen while scrolling and navigating the site. Every other site features can be scrolled up and down, only floating social media share button remain fixed and visible in the web page computer screen.

Floating social media share buttons for blogger works automatically with any posts or page, and can share any pages stumbled upon on major social media platforms like Facebook, Twitter, Google+, LinkedIn, Reedit, Tumblr, Digg, StumbleUpon, Google Bookmark etc. It can be tweaked to appear either to the left or to the right. It also come with likes and shares counter that help you with an insight of which your blog posts have more likes and higher social media shares.

Since Google now rely it ranking factors on Social media signal, traffic flowing from social signals with ‘no follow’ links are what really pleases Google to see, and the like and share counter could be great assets because, it tells Google how your site is being talked about, and how important is your site in social interaction with real and human engagement. This is a critical point where likes, tweaks, share can turn into social impressions, creator impression links and mentions.

Adding Floating Social Media Share Buttons in Blogger

 
It is very simply to add floating social media share buttons on your blogger blog. Below process should be of guide:

1. Login to your Blogspot or Blogger Blogger Dashboard.

2. Click on ‘Layout.

Floating social medial share buttons for blogger blog1

3. Now, click on ‘Add Gadget’.

 
Floating social medial share buttons for blogger blog2


4. In the lists of Blogger gadgets, scroll and check round to stumble on ‘Javascript/HTML’.
 
Floating social medial share buttons for blogger blog3

5. The ‘HTML/Javascript’ tab will open an empty pop up window, simply copy the widget code below and paste it in the body content of the empty box as appeared below. 

Floating social medial share buttons for blogger blog4

<style type="text/css">
#social-buttons {
position:fixed;
bottom:15%;
margin-left:-721px;
float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#fff;
padding:0 0 2px 0;
z-index:10;
}
#social-buttons .button-share {
float:left;
clear:both;
margin:5px 5px 0 2px;
}
</style>
<div id='social-buttons' title="Get this Social Sharing Gadget">
<div class='button-share' id='like' style='margin-left:7px;'>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>
</div>
<br /><div class='sbutton' style="margin-left: 2px;" ><a class='twitter-share-button' data-count='vertical' data-via='okongeorge1' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script>
<br />
<div class='button-share' style="margin-left: 3px;" id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='button-share' 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='button-share' style='margin-left:3px;' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;"><a style="color: #3399BB;" href="http://www.okongeorge.com/2016/11/floating-social-media-share-buttons-for-blogger-blog.html" rel="nofollow" target="_blank">[Get This]</a></div></div></div>

6. Finally, click on Save.
 
Floating social medial share buttons for blogger blog5
 

Now, you are done. By visiting your blog at this time, you should certainly see the floating social media share button / widget on your Blogspot or Blogger blog ready for likes and shares.

Modifying to the code:

You can make changes to the floating social media share buttons by modifying the:

1. The margin 721px can be modify.

2. The float:left can be adjusted to the right.

Kindly let me know if it works or not by commenting.

No comments:

Post a Comment

Widget