Add Floating Social Media SharingButtons To Blogger alphause blog

Po ... Add Floating Social Media Sharing Buttons To Blogger 40 comments The Floating Social Media Sharing is a very popular widget on all the top blogs and this is one of the ways to increase the number of times your posts get shared on Twitter, Facebook and other social networks. This floating social bar has the following options: Facebook Like, StumbleUpon, Twitter Share, Digg This, Google+ and each of them comes with a live counter. You can add more sharing buttons or social bookmarking icons later if you want. How to add the scrolling social bookmarking bar Step 1.Log in to your Blogger Dashboard, select your blog and go toLayout Step 2.Click onAdd A Gadgetlink Step 3.From the pop-up window, scroll down and selectHTML/Javascript Step 4.Copy the code below and paste it inside the empty box. Step 5. Savethe gadget. The code to copy-paste (updated!):

Tweet

Get widget

Customization: Vertical alignment - Change the15%value ofbottom. The code positions the social bar relative to the bottom of your browser window. To fix the distance even when window is resized, specify the value in px (pixels) instead of %. Horizontal alignment - Change the-721pxvalue frommargin-left.Negative value pushes the button to the left of the main blog column, positive value pushes it to the right. Increase or decrease the value based on your needs. Twitter setting - ReplaceHelploggerwith your Twitter username Replacing and removing buttons - You can replace existing buttons with your own. Each button is represented by this code:

BUTTON CODE HERE

Enjoy!!! :) Like 29 Random Posts Share blog posts in social medias using Sharethis25/02/2014 - 3 Comments How to create click events using CSS13/01/2014 - 3 Comments How to add a thumbnail image/photo gallery in Blogger12/01/2014 - 4 Comments Related Posts: Share blog posts in social medias u... Add floating social media sharing b... Add A CSS Animated Share Button on ... jQuery Sliding Panel with Expanding... How To Add Social Media Icons to Bl... 40 comments: Sharon Bayliss 6/01/2012 Thank you for the helpful post! Reply Replies Admin 6/02/2012 Thank you too :) sharif 6/03/2012 Thanks for you post. I have a tutorial that show you how to add Facebook share button. You have just copy and pasting quality. http://www.databaseidea. com/2012/06/how-to- create-facebook-share- button.html Reply Sharon Bayliss 6/05/2012 I have installed the widget successfully, but the tweet button isn't working. Any ideas? Reply Replies Admin 6/07/2012 Sorry, now i've seen the bug. Try adding the code again, it should work now... Moffat Mbuthia 6/07/2012 Kindly let us know why the tweet button isn't working. Reply Admin 6/07/2012 Hi Moffat, i've updated my post. Please add the code again. Thanks for visiting Reply hemanth kumar 6/09/2012 i got this aewsome Reply MelADramatic Mommy 6/15/2012 Hello- Will you be updating this code to include Pinterest? Reply Replies The Wiz 7/16/2012 you can view the updated code with Pinterest included by visiting http://easytins.blogspot.c om/2012/07/cool- floating-social-media- buttons-for.html Absorotion Chillers in HVAC system 6/22/2012 It is awsum ,I experienced some bugs but removed later on. Now it is working on my one of bloggers . Thanks Reply mia 6/23/2012 thanks admin for sharing this gadget for may blog :) Reply Sabrez Alam 7/06/2012 Hi.. Thanks for nice tutorial. I am looking for the same to add this on my blog MyComptuerTuts. Once again thanks a ton!! Reply Edukhabar 7/25/2012 admin i wanted to confirm before putting this code in my blog that it will work in dynamic view also? Reply Shahmeer Khan 7/31/2012 This is a fantastic post. I am very impressed. It's working perfectly. Can you also check out my blog at www.applehelpp.blogs pot.com? I want to confirm if it is being shown to others as well. I hope it works, I will be subscribing to you soon! Cheers! Shahmeer Reply TaiwoPublishing 7/31/2012 not working on my blog www.taiwopublishing.blogs pot.com Reply Delbert Ednave 8/03/2012 It's good, but StumbleUpon sometimes disappearing in my site http://www.doitwithy ourpc.com/ Reply Reza Mir 3/02/2013 very good,I got very used ..... thanks for sharing this gadget for blog.... Reply Angela Peters 3/05/2013 Love this! Thanks so much for sharing. Reply Jemma Taylor 3/13/2013 Thanks for sharing such useful information. The information provided is very very niche and this information is not available so easily. Therefore I thank the writer for the useful input!! Reply Khairul Zamri 3/15/2013 i don't know what's going on. fb button will be hidden in my post page but seen on homepage. if u can help me. visit my blog :) Reply Anonymous 3/27/2013 It's not working for me after many tries. How do I undo everything I did and saved (as instructed above)? (anonymous because it seems only I find it hard to do) :/ Reply joy adalia 4/10/2013 Thanks! Using it now on my blog: http://chemist2write r.blogspot.com/ :) Reply Kate 4/21/2013 I need to move it over to the left further. How? Reply Anonymous 5/03/2013 :) thank you Reply Anonymous 5/17/2013 not working on www.laptop-spec.com i think css i have cs issues that is external css is interrupting inline css Reply Muhammad Faizal 5/22/2013 Dude, you are ROCK ! Thank you very much for your great methods :) Like it www.lulurbandung.co m Indonesia Reply Iswarya laxmi 5/24/2013 how to add pinit and linked in to this..please help Reply vivek 6/15/2013 Nice one Reply Anonymous 6/24/2013 Digg button counter is not working Reply Ashish Singh 6/24/2013 I think you should now remove those digg and stumbleupon and update it with facebook, twitter and google plus. Reply amir 6/29/2013 Thank you well in every point social icons are the most important things for your website and every blogger should add this gadget to the website here is another scrolling share buttons for bloggerits also good but not better then you, :) Reply Jacquie Bird 6/30/2013 This is great, thank you so much. I would like to move it to the right, how would I do that? Reply Muhammed Aadhil 8/23/2013 Thanks, It works! :-) Take a look at my blog http://aadhilnet.blogs pot.com/ Reply simranjit singh 9/09/2013 how to put the 1 which you re using.its very nice... Reply atif 11/03/2013 nice Reply Tareq 11/16/2013 Great i like this and its put my blog.Thanks admin Reply Maria Norcia Santillanes 2/20/2014 Doesn't work on dynamic views. Reply Bhanu Chander 2/23/2014 That was cool. Thanks for sharing. Reply Orpad 2/27/2014 I have implemented it in my blog. I have copied the javascript into the widget located below the blog post. Removed Digg, since it doesnt give traffic now-a-days. Check it out in Orpad. Thanks and keep posting Reply Add comment Comment as: Sign out Notify mePublishPreview Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED Search Search Follow on Facebook Helplogger Like 2,784 people like Helplogger . Facebook social plugin Follow on Blogger Subscribe via Email Receive Quality Tutorials Straight in your Inbox by submitting your Email below. Submit Or subscribe via RSS Feed Recent Posts How to Add Numbered Page Navigation Widget for Blogger 5 Easy Ways to Improve the SEO of a blog & Boost Traffic What is the difference between padding and margins? Add a Custom jQuery Lightbox To Blogger How to Use Cookies in Javascript Recent Comments irsah imihar Customizing will always be easy with jquery and javascript. Even... Missy G Yay! Thank you for making this so easy! This is just what I... divakar sivashankar admin i have a problem even if i add the tag the ad is showing up... Anonymous I don't understand the instructions you have given :( Nanette Benablo your site is very helpful and easy to follow tutorials. thank you... Popular Posts next