Add Floating Social Media Sharing Buttons To Blogger - Cyber Tweaks

Ads Top

Add Floating Social Media Sharing Buttons To Blogger

Add floating social media blogger

  1. Login to your Blogger account.
  2. Go to Design > Page Elements.
  3. Click Add A Gadget.
  4. In Add A Gadget window, select HTML/Javascript .
  5. Copy the code below and paste it inside the content box.


<!-- floating share bar Start cybertweaks.com-->
<div class='post-outer'>
<style> 
.mbt_social_floating{ 
    position:fixed; bottom:10%; margin-left:-80px; float:left; 
    width:60px; 
    background-color:#f7f7f7; 
    padding: 5px 0 0px 0px; 
     border-top:1px solid #ddd; 
border-left:1px solid #ddd; 
border-bottom:1px solid #ddd; 
z-index:9999px !important; 
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; 
} 
.mbt_social_floating .mbt_side_social_button{ 
    margin-bottom:5px; 
    float:none; 
    height:auto; 
    width:60px; 
} 
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{ 
    margin-left:5px; 
} 
.mbt_social_floating .st_fblike_vcount{ 
    margin-left:5px; 
} 
.mbt_social_floating .stButton_gradient{ 
    background:none !important; 
    height:21px !important; 
    padding-left:0 !important; 
} 
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices { 
    background:url('http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/s400/gc_social_sprite.gif') no-repeat !important; 
    height:19px !important; 
    width:45px !important; 
    padding:0 !important; 
} 
.st_email .chicklets{ 
    background-position:0 -77px !important; 
    background-image:url('http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/s400/gc_social_sprite.gif') !important; 
} 
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{ 
    background-position:0 -58px !important; 
} 
.mbt_social_floating  .stButton_gradient{ 
    border:none !important; 
} 
.mbt_social_floating .stBubble_count{ 
    width:44px !important; 
    font-size: 15px !important; 
    font-weight: normal !important; 
    padding-top:7px !important; 
    height:23px !important; 
    background:none !important; 
} 
.mbt_social_floating .st_twitter_vcount .stBubble_count{ 
    color:#00a6df; 
    background-color:#f8fbfc !important; 
} 

.st_fblike_vcount{ 
    margin-bottom: 0px; 
    display: block; 
} 
.st_twitter_vcount{ 
    margin-bottom: 3px; 
    display: block; 
} 

.st_email{ 
    margin-bottom: 5px; margin-top: 3px; 
    display: block; 
} 
.mbt_social_floating .stBubble{ 
    background-position: 21px 31px !important; 
    height:35px !important; 
} 
</style>
<div class='mbt_social_floating'>
<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'></script>
<script type='text/javascript'>stLight.options({onhover:false, doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>
<span class='st_fblike_vcount' displaytext=''></span>
<span class='st_twitter_vcount' displaytext='' st_via='CyberTweaks'></span>
<div style='margin:5px 0 0px 0;'>
<center><a class='pin-it-button' count-layout='vertical' href='http://pinterest.com/pin/create/button/?url=http://www.cybertweaks.com/2011/06/add-floating-social-media-sharing.html'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'></a>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'></script>
<script type='text/javascript'> 
function run_pinmarklet() { 
var e=document.createElement('script'); 
e.setAttribute('type','text/javascript'); 
e.setAttribute('charset','UTF-8'); 
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999); 
document.body.appendChild(e); 
} 
</script>
</center>
</div>
<div style='margin:0px 0 0 5px;'>
<span class='st_plusone_vcount' displaytext=''></span>
</div>
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'></script>
<script type='text/javascript'> 
var addthis_config = { 
     ui_cobrand: "CyberTweaks", 
ui_header_color: "#ffffff", 
     ui_header_background: "#0080FF" 
} 
</script>
<span class='st_email' displaytext=''></span>

<div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://www.cybertweaks.com/2011/06/add-floating-social-media-sharing.html">widget</a></div>
<!-- Do not remove this link -->

</div>
<!-- floating share bar End -->

  1. Save the gadget.
  2. Drag the gadget and reposition it under Blog Posts gadget.
  3. Click Save button on upper right corner.

Update: we have made little changes in this code. new pinterest button and bookmark and share button have been added.

32 comments:

  1. مشكووووووووووور
    http://top-new-now.blogspot.com/2012/06/add-floating-social-media-sharing.html
    تم التطبيق والشرح باللغة العربية

    ReplyDelete
  2. I will definitely bookmark this blog for future reference and further viewing. Thanks a bunch for sharing this with us! certainly informative and contains useful content

    Web developer Singapore

    ReplyDelete
  3. I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.Jang Jobs Ads

    ReplyDelete
  4. YES! Great piece, keep up the terrific work. This is the type of information that should gain recognition for it’s craft. More writers should learn from you. This is right on the money. great site i must say....very enjoyable stuff is placed here in a very appropriate way...thanks for publish this site…thanks for publish it..its a good attempt..
    Become Ordained Online

    ReplyDelete
  5. A great article written with great hard work...i must say....Thanks for posting this article. I am definitely tired of struggling to find relevant and intelligent commentary on this subject. Everyone nowadays seem to go to extremes to either drive home their viewpoint or suggest that everybody else in the globe is wrong. Thanks for your concise and relevant insight a great work of your which shows...I like your site its quite informative and i would like to come here again as i get some time from my studies. i would like to invite my other friends to this site, as you have done a great job.i must say...keep it up guys..Thanks for the information.I apriciate each and every point of your article.Really great information .Keep sharing …..Well done

    career opportunities

    ReplyDelete
  6. Computerization enormously helps in setting up an intense social media nearness on the grounds that through mechanized posts influences your image to contact more individuals notwithstanding when you are not signed in day in and day out for more information about social media services visit here

    ReplyDelete
  7. Hello, this weekend is good for me, since this time i am reading this enormous informative article here at my home. Canada's New Social Media Network

    ReplyDelete
  8. Thanks admin for such a amazing article! Keep writing.

    ReplyDelete
  9. There are many social sites so it seems like a mountain of a task to participate in all of them social marketing service

    ReplyDelete
  10. Now and then, a customer would request that I set up profiles or battles on destinations that some web based life administrators would have never known about. https://followertips.wordpress.com/

    ReplyDelete
  11. Studies show that Facebook & Twitter are most popular social media channels followed closely by YouTube and LinkedIn, GooglePlus.
    Get likes on instagram

    ReplyDelete
  12. movie apps for iPad Showbox App Download APK & iPhone - Showbox is the most popular application to stream tv shows and movies on your Smartphone for free

    ReplyDelete
  13. movie apps for iPad Showbox App Download APK & iPhone - Showbox is the most popular application to stream tv shows and movies on your Smartphone for free

    ReplyDelete
  14. We at Guest Posting Wold provide free guest posting services for various categories.

    ReplyDelete
  15. We at Guest Posting Wold provide free guest posting services for various categories.

    ReplyDelete
  16. If your brand can give away enough information, answers to concerns and prove that you are on the verge of seriously neglecting your own best interest, of tight schedules, in order to serve these greedy, needy brides that desire your brands become more open, honest with them which is the essence of social media.cheap instagram likes $1

    ReplyDelete
  17. If I had just spent more time in the preparation of my brand and website I wouldn't have had to work so hard to rebuild the audience that I had lost comment

    ReplyDelete
  18. the social media spaces Facebook and orkut are to a great extent extraordinary in their appearance and approach and the marketing administrator must have the capacity to recognize and perceive this distinction in way to deal with be fruitful in social media administration.Social media groups

    ReplyDelete
  19. All supported endorsers must not make any deceptive or tricky advertisements or claims about your items. social media networking

    ReplyDelete
  20. The role of a social media manager has appealed to the mass generation of socially-active internet users. It's hard not to. Especially when some might think that you can earn big bucks from posting Facebook updates. Hardly.
    local studio review

    ReplyDelete
  21. In this article I want to show you 2 strategies you can use right now to find more visitors who will buy what you are selling...
    spicedupaffairs.com/craigslist-personals-alternatives

    ReplyDelete
  22. Give motivating forces or esteem including data, for example, whitepapers or articles with the end goal to urge individuals to tail you on social media destinations!אינדקס אתרים

    ReplyDelete
  23. One of GarageBand’s most popular features is its large and diverse library of loops. Users can quickly and easily build a song that sounds good, simply by layering loops of different instruments over one another in a way that sounds pleasing to them Garageband App for PC Windows might be something of a shortcut, but it’s a great way for the uninitiated to dip their toe in the waters of digital music production.

    ReplyDelete
  24. Instagram enables you to essentially have your on TV coordinate without the TV organize cost. echte user

    ReplyDelete
  25. Unhealthy Sleep Patterns. On top of increased rates of anxiety and depression, spending too much time on social media can lead to poor sleep. Numerous studies have shown that increased use of social media has a negative effect on your sleep quality.

    ReplyDelete
  26. Entrepreneurs normally hold their best substance for their sites. Content like useful websites, for instance, build up them as specialists in their specialties.
    weblink

    ReplyDelete
  27. Employees who complain about workplace treatment based on their social media activity may be protected under the NLRA, even if their posts contain disrespectful or coarse language!Crier Communications

    ReplyDelete
  28. If you really want to promote your business in a very short time in any social media website...so you must pop over to these guys and see how it will work..

    ReplyDelete
  29. Really Great Post. Are you looking single girls for date. I would like to suggest go with Craigslist Personal Alternative Craigslist Dallas Personal

    ReplyDelete
  30. Which are the indicators of global recognition of individuals during this contemporary world? Of course, amount of followers on the Twitter account can be described as firm indication in today. Buy Twitter Permanently followers

    ReplyDelete
  31. This comment has been removed by the author.

    ReplyDelete

Powered by Blogger.