WP-Notable

Current Version 1.15
Copyright 2006 Cal Evans
License GPL 2.0
Download Tarball
Download Zip file

Notable displays a series of icons below each post allowing your readers to easily submit you to many different social bookmarking and networking sites.

This allows your users to easily submit your blog posts to these sites and increases your blog's visibility.

You can customize the character that goes between the images.

The code generated validates with most common HTML validators.

First props where props are due. Thank you to Kirk Montgomery for most of the graphics.

Notable gives you a fine grain of control over what is displayed on your blog. Each of the icons can be turned on or off. Additionally, the plugin generates a tooltip for each icon. You can prepend text to this tooltip to help your user identify exactly what clicking on the icon will do.

Before we get started, a quick commercial. If you like this plugin, please consider donating a little to the author. (Help support his habit of eating and sleeping indoors)

And now now back to our regularly scheduled web page.

UPGRADE INSTRUCTIONS

Starting with version 1.13.

Deactive the plugin before attempting to install the new one.
Follow the instructions below.

INSTALL INSTRUCTIONS

Download and uncompress the plugin. This will create a blogbling directory with all the files needed for the plugin.
Upload the blogbling directory to your blog's plugins directory. The final destination on most systems should be /wp-content/plugins/.
Go to the Wordpress Admin Plugin menu. If installed correctly, you should see the deactivated plugin ready to activate. Activate the plugin
Go to options->Notable and chose which sites to display. Also check the other options. The most common error is that the image path is incorrect. If you are seeing the words for the links and the links work but you are not seeing images, I can guarantee that your image path is off.
Add the code:


<?php if (function_exists('wp_notable')) wp_notable(); ?>

to your template in the loop area.

CSS Fun

Starting with 1.2, wp-notable wraps each graphic in a span tag and gives it a class and id of wp-notable. this can be uses to do cue little things like you see on my blog currently where the current click target has a red border. Below is the CSS necessary to create that effect, just add it into your style. You may whant to change the first border: line. Where it says white, put the color or hex code for your background color if it's not white.

If you come up with other cool effects, let me know and I'll include them here.

These are for a standard kubric based template:


.wp-notable {
        border: 1px solid white;
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 3px;
        padding-top: 9px;
}


.wp-notable:hover {
        border: 1px solid red;
}

These are for k2:


.wp-notable {
        border: 1px solid white;
        padding-left:7px;
        padding-right: 3px;
        padding-bottom: 1px;
        padding-top: 20px;
}

.wp-notable img {
        border: none;
}

.wp-notable:hover {
        border: 1px solid red;
}

That's it. Not terribly difficult to implement . Enjoy, modify, let me know if you have problems, questions or comments.

As with all in the BlogBling series, this plugin is (c) 2006 Cal Evans and released under the GPL 2.0.

Last modified: Sat, 18 November 2006 (10:39:31 AM)