Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,153,153 members, 7,818,484 topics. Date: Sunday, 05 May 2024 at 05:06 PM

Easily Add Floating Social Sharing Bar To Your Website/blog - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Easily Add Floating Social Sharing Bar To Your Website/blog (697 Views)

How To Add Floating Share Button With Whatsapp For Blogger Blogs / #blogging Tips: Floating Sharing Bar For Blogger Blogs / How To Add Floating Social Media Sharing Buttons To Blogger. (2) (3) (4)

(1) (Reply)

Easily Add Floating Social Sharing Bar To Your Website/blog by bolkay47(m): 9:21am On Sep 08, 2015
It is no doubt that a beautiful floating social sharing bar can increase the likes and shares you get on your website/blog. With floating social sharing bar, you can even share your homepage not just individual posts.
Floating social sharing bar is docked to the far left or far right of your website visitor's screen in the sense that scrolling up/down of any page will not affect it. It is always docked (stagnant).
Follow these easy steps (For blogger Users)

1.Log in to your blogger dashboard
2.Scroll to Layout
3.Click 'add a gadget' (choose just any gadget as it doesn't affect it)
4.A secondary screen will pop up just choose HTML/JavaScript
5.Paste the following piece of code into the box
<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="left:0px; top:150px;">
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_google_plus"></a>
<a class="a2a_button_pinterest"></a>
<a class="a2a_button_reddit"></a>
<a class="a2a_button_linkedin"></a>
<a class="a2a_button_tumblr"></a>
</div>

<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>

6.Finally click save and thats it. You just added a beautiful social sharing bar to your blog!

Follow these easy steps (For users of other platforms)

1.Navigate to the html editing section of your website
2.Search for <head>
3.Just paste the above code under <head>
4.Click save and thats it!
If there is any problem, please let me know. Thanks!

Re: Easily Add Floating Social Sharing Bar To Your Website/blog by Warlord3000(m): 9:31am On Sep 08, 2015
Nice write up and tips.. Kudos
Re: Easily Add Floating Social Sharing Bar To Your Website/blog by bolkay47(m): 9:43am On Sep 08, 2015
Warlord3000:
Nice write up and tips.. Kudos
Thanks sir smiley
Love your website, its simple and cool!

1 Like

(1) (Reply)

Ultimate Collection Of Stock Image,psd Blowout,header,minisite,template Etc(15 G / Viewslog.com - Nigerians Premium Online Community / My Adsense Account Disabled Few Days To Payout After Earning 5k+usd

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 10
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.