http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz A community for developers, web designers and entrepreneurs. en-US Mon, 21 May 2012 08:29:35 +0000 http://bbpress.org/?v=1.0.2 q http://devgrow.com/discuss/search.php http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-68 Sat, 24 Jul 2010 13:38:39 +0000 Monjurul Dolon 68@http://devgrow.com/discuss/ <p>It's because for some reason in your header, you're adding this code:</p> <pre> &lt;meta property="fb:admins" content="313318838290" /&gt; &lt;meta property="fb:page_id" content="313318838290" /&gt; &lt;meta property="og:site_name" content="Pinoyblogtips" /&gt; &lt;meta property="og:title" content="Top 5 Reasons Why People Started to Blog" /&gt; &lt;meta property="og:url" content="http://www.pinoyblogtips.com/top-5-reasons-why-people-started-to-blog/" /&gt; &lt;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 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" /&gt; &lt;meta property="og:type" content="article" /&gt; </pre> <p>The Facebook Share button is pulling your description from that. Try removing that code or find out what is adding it, then disable that. </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-67 Sat, 24 Jul 2010 01:16:20 +0000 How to blog 67@http://devgrow.com/discuss/ <p>Hi,</p> <p>That code is working now.</p> <p>But when someone shared through facebook, this shows instead of the real description:</p> <p><a href="http://img836.imageshack.us/img836/9788/sharebar.jpg" rel="nofollow">http://img836.imageshack.us/img836/9788/sharebar.jpg</a> </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-51 Thu, 22 Jul 2010 19:32:13 +0000 Monjurul Dolon 51@http://devgrow.com/discuss/ <p>Did you keep the original line of CSS too? You need both for it to look correctly, like so:</p> <pre> .post #sharebar a { border: none; } .post #sharebar a.sharebar-button { border: 1px solid #ccc; } </pre> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-50 Thu, 22 Jul 2010 16:16:28 +0000 How to blog 50@http://devgrow.com/discuss/ <p>Hi,</p> <p>I tried but this comes out after:</p> <p><a href="http://img831.imageshack.us/img831/9788/sharebar.jpg" rel="nofollow">http://img831.imageshack.us/img831/9788/sharebar.jpg</a> </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-48 Thu, 22 Jul 2010 15:03:27 +0000 Monjurul Dolon 48@http://devgrow.com/discuss/ <p>Actually, I forgot to mention you can add a border just to the buttons by adding this line of CSS:</p> <p><code>.post #sharebar a.sharebar-button { border: 1px solid #ccc; }</code></p> <p>That should do the trick! </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-46 Thu, 22 Jul 2010 01:10:38 +0000 How to blog 46@http://devgrow.com/discuss/ <p>Hi,</p> <p>I think this one is already fine to me:</p> <p>.post #sharebar a { border: none; }</p> <p>Because when I put the border, this comes out:</p> <p><a href="http://img686.imageshack.us/img686/7646/sharep.jpg" rel="nofollow">http://img686.imageshack.us/img686/7646/sharep.jpg</a></p> <p>Or if there's any other way to fix that then I would really appreciate it.</p> <p>Sorry for the trouble.</p> <p>Thanks! </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-45 Wed, 21 Jul 2010 21:51:14 +0000 Monjurul Dolon 45@http://devgrow.com/discuss/ <p>Just use the second bit of code that adds a 1px grey outline (or change the color if you'd like):</p> <p><code>.post #sharebar a { border: 1px solid #ccc; }</code> </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-44 Wed, 21 Jul 2010 14:57:19 +0000 How to blog 44@http://devgrow.com/discuss/ <p>Hi,</p> <p>I used the first one without the ".post" and the underlines are gone,though I've tried bought codes with and without .post</p> <p>Anyway one thing I see is that the border on the "email" button has gone.</p> <p>You may look at it here: <a href="http://www.pinoyblogtips.com/how-to-earn-money-from-your-blog/" rel="nofollow">http://www.pinoyblogtips.com/how-to-earn-money-from-your-blog/</a></p> <p>Is that ok? or is there any fix for that?</p> <p>Thanks so much! </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-43 Wed, 21 Jul 2010 02:13:01 +0000 Monjurul Dolon 43@http://devgrow.com/discuss/ <p>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):</p> <p><code>.post #sharebar a { border: none; }</code></p> <p>Or if you want to keep the basic outline, something like:</p> <p><code>.post #sharebar a { border: 1px solid #ccc; } </code></p> <p>The <code>.post</code> bit also may not be needed - try it without it first to see if it produces the results you're after. Good luck! </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-42 Tue, 20 Jul 2010 23:54:12 +0000 How to blog 42@http://devgrow.com/discuss/ <p>Hi,</p> <p>Thanks, it's working now ;)</p> <p>Anyway just one last thing,if you could take a look at my screenshot below:</p> <p><a href="http://img808.imageshack.us/img808/6590/share.jpg" rel="nofollow">http://img808.imageshack.us/img808/6590/share.jpg</a></p> <p>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.</p> <p>How could I remove that?</p> <p>thanks! </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-41 Tue, 20 Jul 2010 16:56:54 +0000 Monjurul Dolon 41@http://devgrow.com/discuss/ <p>Try modifying the <code>div</code> you added to this:</p> <p><code>&lt;div style="clear:both; display:block; height:5px;"&gt;&lt;/div&gt;</code></p> <p>That <em>should</em> 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. </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-40 Tue, 20 Jul 2010 15:42:03 +0000 How to blog 40@http://devgrow.com/discuss/ <p>Hi,</p> <p>It's working now though I have one more concern.<br /> How can I put space from facebook to yahoo buzz?</p> <p>see screenshot: <a href="http://img205.imageshack.us/img205/9669/sharen.jpg" rel="nofollow">http://img205.imageshack.us/img205/9669/sharen.jpg</a> </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-30 Sat, 17 Jul 2010 20:36:35 +0000 Monjurul Dolon 30@http://devgrow.com/discuss/ <p>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:</p> <p><code>&lt;div style="clear:both;"&gt;&lt;/div&gt;</code></p> <p>That should clear all elements before that button and hopefully remove the overlap. Let me know if it works! </p> http://devgrow.com/discuss/topic/sharebar-with-yahoo-buzz#post-29 Sat, 17 Jul 2010 14:17:10 +0000 How to blog 29@http://devgrow.com/discuss/ <p>Hi,</p> <p>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.</p> <p>see sample screenshot here: <a href="http://img375.imageshack.us/img375/3373/59311816.jpg" rel="nofollow">http://img375.imageshack.us/img375/3373/59311816.jpg</a></p> <p>How to fix it? (if possible, please indicate the step by step instruction. thanks)</p> <p>Has anyone tried to put yahoo buzz button to their sharebar? </p>