Friday, April 11, 2014

Floating social widgets for blog Top 3 Scrolling,Floating SocialMedia Buttons forblogger blog , Floating SocialMedia Buttons forBlogger-BloggerThemes ,Floating SocialMedia ShareWidget For Blogger| alphause.com 500+more free widgets for wordpress and blogger

next Helplogger Home Blog DesignWidgets SEO Menus 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!):

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 Create a CSS Image Slider with Thumbnails for Blogger13/01/2014 - 4 Comments Turn off the lights with jQuery27/10/2013 - 2 Comments Add Videos/Images in Blogger/Blogspot Comments12/03/2012 - 25 Comments Related Posts: Add Facebook Like Button Below Post... How to Add Numbered Page Navigation... Orbit - jQuery Image Slider Plugin ... Share blog posts in social medias u... Add floating social media sharing b... 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,773 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 Joseph V M Hi, I've added pagination to my blog... dara king good Mel Ancheta You did it finally, thanks admin (: sorry for my late reply... Sandra Harriette It never ceases to amaze just how much we can do with Blogger.... Gabor Sziladi One question i still have...how can i keep distance between my... Popular Posts Simple Recent Posts Widget for Blogger/Blogspot Create A Rollover Image Effect (change image on mouseover) Recent Comments Widget For Blogger How to remove Blogger Picture/Image Shadow and Border Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger next

No comments:

Post a Comment