Home » Gadget » How to add Floating Social Media Sharing Buttons on Blogger. OeetBlog

How to add Floating Social Media Sharing Buttons on Blogger. OeetBlog

Posted by Unknown 17 comments
Floating social media is an important part for blogging. Floating social media sharing buttons are wonderful way to increase visitor and promotion of blog content through social media networks. It's popular widget in top to bottom blogger society. If you want to quickly share your articles/content and increase your traffic rapidly than it's for you. Search engine is a vital for blogger. When you are using floating social media search engine can easily find out your blog article/content by the social bookmarking site. It'll bring for your blog huge number of visitor. Facebook, Twitter, StumbleUpon, Digg, Google+ and Rss Feed this media will increase your blog traffic 30% to 40% because this social media are most popular. You are already know that Facebook, twitter & Google+ as huge traffic source to increase your blog.  

    Click on add a gadget
  • Log in your blogger Dashboard (Click the drop-down menu)
  • Go to Layout option

Click on HTML/JavaScript
  • Click on add a gadget
  • Scroll down from the pop-up window and select HTML/JavaScript
Copy the code which is given below and past the code in content (empty) box.

<!-- floating share bar Start helplogger.blogspot.com--> <style type="text/css"> #pageshare {position:fixed; bottom:5%; 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;} #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;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Get this from Helpblogger.com">
<div style="margin-left:8px;"><div class='sbutton' id='like' style='margin: 5px 0 0 5px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><fb:like layout='box_count' show_faces='false'></fb:like> </div></div>
<br /><div class='sbutton'><a class='twitter-share-button' data-count='vertical' data-via='Your twitter username' 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='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='sbutton' 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='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone></div><br/><a href='http://feeds.feedburner.com/Your Rss Url' rel='nofollow' target='_blank' title='Subscribe To Our Rss Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgreOolzXnl1j5rExk2LL1Mmv_IVsLHd90pKtsWNjc8oN-kzF7j73Rg4PRICY7cHhEBlqysKP6QzoBhCUfxZcnf1cWVtl63m8_CIOZ-dWQ7WserlaaVznDkLU2rujcQbgj1umWbFkPYjvqz/s1600/icon_rss_reader.png'/></a><div style="clear: both;font-size: 9px;text-align:center;">Get <a style="color: #3399BB;" href="http://oeetblog.blogspot.com/">widget</a></div><!-- Do not remove this link --> </div> <!-- floating share bar End --></div>

  • Finally save the gadget. 
Customization:
  1. Vertical alignment; You can change "margin-left:-721px; float:left;" to fix your browser window.
  2. Twitter setting; Type your username on 'vertical' data-via='Your twitter username' here.
  3. RSS Feed; Change the text in red with the Url address or your RSS Feed.
You are done. If you need more help, leave me a comment.

Categories:
Pin It

Related Post:



17 comments:

  1. AnonymousApril 12, 2013 at 10:32 PM

    Please let me know if you're looking for a article author for your site. You have some really good posts and I think I would be a good asset. If you ever want to take some of the load off, I'd
    love to write some articles for your blog in exchange for a link back to mine.
    Please blast me an e-mail if interested. Regards!


    Also visit my web blog - diet plans

    ReplyDelete
    Replies
    1. UnknownApril 14, 2013 at 1:07 AM

      Hi friend Ambarish Kumar,
      I'm happy to see your comment, first time I say to sorry for late. You are most welcome to my blog. You can write for me ... Thank you

      Delete
  2. pslvseo a4February 1, 2019 at 12:17 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  3. pslvseo a4February 2, 2019 at 3:02 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  4. pslvseo a4February 4, 2019 at 5:41 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  5. byodbuzz06February 5, 2019 at 2:11 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  6. pslvseo a9February 8, 2019 at 1:41 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  7. byodbuzz06February 8, 2019 at 3:18 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  8. byodbuzz06February 11, 2019 at 4:34 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  9. pslvseo a3February 12, 2019 at 11:56 AM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  10. pslvseo a3February 13, 2019 at 11:53 AM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  11. pslvseo a3February 14, 2019 at 3:41 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  12. byodbuzz06February 14, 2019 at 4:40 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  13. pslv seoa10February 15, 2019 at 6:05 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  14. pslvseo a8February 19, 2019 at 3:47 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  15. byodbuzz08March 5, 2019 at 1:14 PM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete
  16. byodbuzz06March 9, 2019 at 11:18 AM

    Filament
    In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.

    ReplyDelete

Copyright © 2012 Oeet Blog. All rights reserved.

created by OeetBlog| Published by Online Easy Earning Tips