Sign Up |

Sharebar with Yahoo Buzz

(14 posts) (2 voices)
  1. How to blog Posted 1 month ago #

    Hi,

    I have been trying to add the Yahoo buzz button to my sharebar, but with no success. The yahoo button is merging with other button.

    see sample screenshot here: http://img375.imageshack.us/img375/3373/59311816.jpg

    How to fix it? (if possible, please indicate the step by step instruction. thanks)

    Has anyone tried to put yahoo buzz button to their sharebar?

  2. Monji Posted 1 month ago #

    It probably is due to the CSS structuring of the actual Yahoo! Buzz button. Try adding this line of code right before the button code in your Sharebar settings page:

    <div style="clear:both;"></div>

    That should clear all elements before that button and hopefully remove the overlap. Let me know if it works!

  3. How to blog Posted 1 month ago #

    Hi,

    It's working now though I have one more concern.
    How can I put space from facebook to yahoo buzz?

    see screenshot: http://img205.imageshack.us/img205/9669/sharen.jpg

  4. Monji Posted 1 month ago #

    Try modifying the div you added to this:

    <div style="clear:both; display:block; height:5px;"></div>

    That should work, though keep in mind I haven't tested it out. Feel free to play around with that height value as well to increase/decrease the spacing.

  5. How to blog Posted 1 month ago #

    Hi,

    Thanks, it's working now ;)

    Anyway just one last thing,if you could take a look at my screenshot below:

    http://img808.imageshack.us/img808/6590/share.jpg

    You'll see that the underline on my hyperlink url seems to show also on my sharebar buttons particularly on Yahoo buzz and Email button.

    How could I remove that?

    thanks!

  6. Monji Posted 1 month ago #

    This one I know - it's simply a matter of your current CSS styles overriding the Sharebar CSS for links. Try adding something like this to your stylesheet (usually styles.css):

    .post #sharebar a { border: none; }

    Or if you want to keep the basic outline, something like:

    .post #sharebar a { border: 1px solid #ccc; }

    The .post bit also may not be needed - try it without it first to see if it produces the results you're after. Good luck!

  7. How to blog Posted 1 month ago #

    Hi,

    I used the first one without the ".post" and the underlines are gone,though I've tried bought codes with and without .post

    Anyway one thing I see is that the border on the "email" button has gone.

    You may look at it here: http://www.pinoyblogtips.com/how-to-earn-money-from-your-blog/

    Is that ok? or is there any fix for that?

    Thanks so much!

  8. Monji Posted 1 month ago #

    Just use the second bit of code that adds a 1px grey outline (or change the color if you'd like):

    .post #sharebar a { border: 1px solid #ccc; }

  9. How to blog Posted 1 month ago #

    Hi,

    I think this one is already fine to me:

    .post #sharebar a { border: none; }

    Because when I put the border, this comes out:

    http://img686.imageshack.us/img686/7646/sharep.jpg

    Or if there's any other way to fix that then I would really appreciate it.

    Sorry for the trouble.

    Thanks!

  10. Monji Posted 1 month ago #

    Actually, I forgot to mention you can add a border just to the buttons by adding this line of CSS:

    .post #sharebar a.sharebar-button { border: 1px solid #ccc; }

    That should do the trick!

  11. How to blog Posted 1 month ago #

    Hi,

    I tried but this comes out after:

    http://img831.imageshack.us/img831/9788/sharebar.jpg

  12. Monji Posted 1 month ago #

    Did you keep the original line of CSS too? You need both for it to look correctly, like so:

    .post #sharebar a { border: none; }
    .post #sharebar a.sharebar-button { border: 1px solid #ccc; }
    
  13. How to blog Posted 1 month ago #

    Hi,

    That code is working now.

    But when someone shared through facebook, this shows instead of the real description:

    http://img836.imageshack.us/img836/9788/sharebar.jpg

  14. Monji Posted 1 month ago #

    It's because for some reason in your header, you're adding this code:

    <meta property="fb:admins" content="313318838290" />
    <meta property="fb:page_id" content="313318838290" />
    <meta property="og:site_name" content="Pinoyblogtips" />
    <meta property="og:title" content="Top 5 Reasons Why People Started to Blog" />
    <meta property="og:url" content="http://www.pinoyblogtips.com/top-5-reasons-why-people-started-to-blog/" />
    <meta property="og:description" content="Share ARTICLEURL (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); Email                                                " />
    <meta property="og:type" content="article" />
    

    The Facebook Share button is pulling your description from that. Try removing that code or find out what is adding it, then disable that.


Reply

You must log in to post.

© Copyright 2010 DevGrow - Design. Develop. Grow. 15 queries. 0.17 seconds.