Social Bookmarks Version 3
A new version of the Social Bookmarks WordPress plugin is now available. The generated HTML is now is XHTML compliant and the number of supported social bookmarking sites has increased to 24.
Furthermore, the new version adds a page in the WordPress admin section that lets you personalize it. You can select which sites are displayed, whether the links will open in a new window or in the current page. Also, you can change the heading that appears above the links. If you have pages in your site then you can select a sub-set of them (or even all of them) where the links won’t appear. You can also specify to display the links in one or two lines.
The plugin is now using an external stylesheet (social_bookmarks.css) which you can modify to integrate it further with your theme.
You can download the new version from the Social Bookmarks page.










































Hi there, I love the idea of the social bookmarks, have
Jeff McNeillHi there,
I love the idea of the social bookmarks, have installed and configured inside the admin control panels. However, do I need to write any code into any pages? This doesn’t seem to be working for me just yet.
Ideally, I would like this to work at the level of each individual entry, as well as the site level.
Cheers,
Jeff McNeill
Hi Jeff, No, you should not need to modify any files
ApostolosHi Jeff,
No, you should not need to modify any files to get it to work. Do you have the plugin currently activated on your site?
> Ideally, I would like this to work at the level of each individual entry, as well as the > site level.
That’s how it should behave. I have send you an email to look into the problem
Apostolos
Hi Apostolos Great plugin, thanks fro the hard work,
WillHi Apostolos
Great plugin, thanks fro the hard work, one simple question I hope how can I loose teh blue background around the icons? I just want them on a plain white background?Look forward to y9our replyWill
Hi Will, the blue background is created from your theme. The
ApostolosHi Will,
the blue background is created from your theme. The plugin uses its own stylesheet within the plugin directory. Open the stylesheet and add styles for a:link, a:active a:visited, a:hover for the .social_bookmark class.
Thanks for that, I'm not too great at this so
Hi ApostolosThanks for that, I’m not too great at this so could you please tell me if im doing it right ; ) I thought this is what you meant, I added it too the social bookmarks css in the plugins dir. /* The stylesheet for the Social Bookmarks plugin */
.social_bookmark
{
padding:5px;
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
a:link:color:#FFFFFF;
a:active:color:#FFFFFF;
a:visited:color:#FFFFFF;
a:hover:color:#FFFFFF
}
.social_img
{
padding:0px;
}I just want to loose the blue background, any help would be really appreciated.Thanks Will
Hi Will, try appending the following to the stylesheet: a.social_bookmark:link{text-decoration: none;} a.social_bookmark:active{text-decoration: none;} a.social_bookmark:visited{text-decoration:
ApostolosHi Will,
try appending the following to the stylesheet:
a.social_bookmark:link{text-decoration: none;}
a.social_bookmark:active{text-decoration: none;}
a.social_bookmark:visited{text-decoration: none;}
a.social_bookmark:hover{text-decoration: none;}
The a:link, a:active a:visited, a:hover should not be inside .social_bookmark
Apostolos
Hi, What's the easiest way to left or right justify the
ColinHi,
What’s the easiest way to left or right justify the whole thing (text & images), instead of it all being centered with the post?
Thanks,
colin
Hello, Thanks for a great plugin. There's a problem though, that
BobHello,
Thanks for a great plugin. There’s a problem though, that I can’t seem to fix. I tried changing the “Bookmark to:” title via the admin panel as instructed, but to no avail. Also, I couldn’t de-italize it. Can you please help?
Thanks and regards,
Bob
Opps sorry, I forgot. Another question. How do I prevent
BobOpps sorry, I forgot. Another question. How do I prevent it from appearing in the index page, below every short excerpt of the posts?
Thanks again,
Bob
I am with Bob, I am really happy with it,
CharlesI am with Bob, I am really happy with it, except I need it not to appear on the index page (root) where I have only post excepts…
Thanks!
@Bob & @Charles: Then you are going to love version
Apostolos@Bob & @Charles: Then you are going to love version 3.1
G'day Apostolos Great plugin! I've ditched the css file and made the
SkipdaddyoG’day Apostolos
Great plugin!
I’ve ditched the css file and made the following mods to mine.
line 195 $site_img = "plugin_dir.$settings['img'].”" title=”$site_name” alt=”$site_name” border=”0″ align=”top” />\n”;
$site_img = “plugin_dir.$settings['img'].”" title=”$site_name” alt=”$site_name” border=”0″ align=”top” />\n”;
line 367 $target_img = “plugin_dir.$settings['img'].”" title=”$target_desc” alt=”$target_desc” border=”0″ vspace=”1″ hspace=”1″ />”;
$target_img = “plugin_dir.$settings['img'].”" title=”$target_desc” alt=”$target_desc” />”;
line 371 $target_url = “$target_img“;
$target_url = “$target_img“;
line 375 $target_url = “$target_img“;
$target_url = “$target_img“;
line 406 $html .= “”;
$html .= “”;
line 409 $html .= “{$this->current_settings['sbb_label']}”;
$html .= “{$this->current_settings['sbb_label']}“;
Line 406 could be modded to align=”right” to place the links on the right.
is required to make it display on your pagesHope I didn’t steal your thunder Apostolos - just thought I’d pass on a few little tweaks I’d made :o)
Proper list of mods here... SB Mods
SkipdaddyoProper list of mods here…
SB Mods
HI Skipdaddyo, I welcome any modifications/improvements that you guys do. I
ApostolosHI Skipdaddyo,
I welcome any modifications/improvements that you guys do. I simply hope that my code is clear and easy to understand as I do not provide a technical documentation.
Was there a specific reason why you did not want the CSS? I introduced it in version 3 as you do not need to mess with PHP to change the appearance of the plugin.
Apostolos
To cut a long story short - no matter what
SkipdaddyoTo cut a long story short - no matter what I did to the css to get rid of the outline on the images it wouldn’t work… (yes, my brain had well and truly exploded)
I also wanted to get rid of the italics.
The line refs are for the 3.1 code… obviously I commented in the wrong post - it’s been one of those days LOL
I’m about to do a bit more modding… will give you a shout when it’s done (it’s not a secret project, but I’m not sure if I can do it, so when I discover that it’s too hard I can make something else up hehehe)
Reason #3 - since getting WP for the first time
SkipdaddyoReason #3 - since getting WP for the first time a week ago and making my own template - poking around the code and hacking scripts has become my new addiction LOL
Man I wish I’d discovered drugs not puters…
Hey Apostolos, mod complete - Taa daa - click a bookmark
SkipdaddyoHey Apostolos,
mod complete - Taa daa - click a bookmark link - jscript required…
Can I email you? Got a Q about the code
Cheers
Skipdaddyo
@ Colin, Edit the social_bookmarks.css and delete the following lines: display:block; margin-left:auto !important; margin-right:auto
Apostolos@ Colin,
Edit the social_bookmarks.css and delete the following lines:
display:block;
margin-left:auto !important;
margin-right:auto !important;
text-align:center !important;
That should left align the plugin
Perfect plugin : but an option would be great :
RodPerfect plugin : but an option would be great : have the possibility to use a function to put the bookmarks where we want, and not only on the bottom of the post (a check radio, for example with : “bottom (by default”) or “copy/paste the below code to use it anywhere”)
Futhermore, about CSS ... to prevent from have some troubles
RodFuthermore, about CSS … to prevent from have some troubles with themes, I think the best solution is not to complicate “CSS” as actually but by using the class DIV like this :
.social_bookmark {padding:5px;display:block;margin-left:auto !important;margin-right:auto !important;clear : both;}
.social_bookmark:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/ * html .social_bookmark {height: 1%;} .social_bookmark { display: block; } /* End hide from IE-mac */
.social_bookmark a { padding : 0; float : left; padding : 0; margin : 0; margin-right : 2px; margin-bottom : 2px; }
.social_bookmark a img { border : 0; padding : 0; margin : 0; }
Best lisibity, and don’t need to use hacks about the theme used.
Great WP plugin. I've used it on a number of
Leo PlawGreat WP plugin. I’ve used it on a number of WP installs now.
One thing however, I would like to modify it, to change where it is placed with the post. Currently your plugin places it inside the div.entry. However this is causing problems with my my styling. Now maybe I’m putting the horse before the cart however I’ve tinkered with the CSS endless, and still have an unsatisfactory result. Here is the blog: http://beinart.org/info/art-news.php
You will notice that the side nav floats to the right. You will also notice the the social book marks appear after the bottom of the side nav regardless of how short it is.
Now the problem is, that when I float it, any image in the post that is longer than the text content and floated will extend below the bookmarks.
Suggestions?
Hey Apostolos, Your plugin is great! Thanks for all of
CoreyHey Apostolos,
Your plugin is great! Thanks for all of the hard work!
I am having a problem getting the plugin to center in my posts. Presently it is left-justified — despite the default settings in the CSS file. Does anyone have an idea how to fix this?
Please see http://www.coreygallon.com for examples.
Thanks!