Get Latest Tweaks via Facebook, Twitter, Google+ & FeedBurner
    Subscribe Twitter Facebook

    Friday, June 3, 2011

    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>
    <div class='post-outer'>
        position:fixed; bottom:10%; margin-left:-80px; float:left; 
        padding: 5px 0 0px 0px; 
         border-top:1px solid #ddd; 
    border-left:1px solid #ddd; 
    border-bottom:1px solid #ddd; 
    z-index:9999px !important; 
    .mbt_social_floating .mbt_side_social_button{ 
    .mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{ 
    .mbt_social_floating .st_fblike_vcount{ 
    .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('') no-repeat !important; 
        height:19px !important; 
        width:45px !important; 
        padding:0 !important; 
    .st_email .chicklets{ 
        background-position:0 -77px !important; 
        background-image:url('') !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{ 
        background-color:#f8fbfc !important; 
        margin-bottom: 0px; 
        display: block; 
        margin-bottom: 3px; 
        display: block; 
        margin-bottom: 5px; margin-top: 3px; 
        display: block; 
    .mbt_social_floating .stBubble{ 
        background-position: 21px 31px !important; 
        height:35px !important; 
    <div class='mbt_social_floating'>
    <script type='text/javascript'>var switchTo5x=true;</script>
    <script src='' 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=''>Pin It</a>
    <a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'></a>
    <script src='' type='text/javascript'></script>
    <script type='text/javascript'> 
    function run_pinmarklet() { 
    var e=document.createElement('script'); 
    e.setAttribute('src','' + Math.random()*99999999); 
    <div style='margin:0px 0 0 5px;'>
    <span class='st_plusone_vcount' displaytext=''></span>
    <div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
    <a class='addthis_counter'></a>
    <script src='' type='text/javascript'></script>
    <script type='text/javascript'> 
    var addthis_config = { 
         ui_cobrand: "CyberTweaks", 
    ui_header_color: "#ffffff", 
         ui_header_background: "#0080FF" 
    <span class='st_email' displaytext=''></span>
    <div style="clear: both;font-size: 9px;text-align:center;">Get <a href="">widget</a></div>
    <!-- Do not remove this link -->
    <!-- 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.


    1. مشكووووووووووور
      تم التطبيق والشرح باللغة العربية

    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

    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

    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

    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

    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

    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

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

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