Advanced PhotoBlog

To start drag this link to your bookmarks -> APB

APB only works on stumbleupon.com.
APB only works in Mozilla browers.

Description

This bookmarklet is designed to assist StumbleUpon users with management of images in their blog. It composes HTML image tags for use on stumbleupon.com. You can also specify link target, height, width, align, hspace, vspace or title. No knowledge of HTML is needed although the more advanced features can be slightly difficult to learn. It can now be used in any textarea on stumbleupon.com except in your Prefs.

You can use it after clicking [edit] on your blog.
You can use it after clicking "Edit Tags or Review" on a reviews page.
You can use it after clicking "Add Comment" on your blog.
You can use it anywhere in the Forums.
You can use it in "Contact" pages.

Usage

Step 1: If you are on page types 3-5, APB will prompt you for a Link Target. This is optional and will enclose the image tag in an HTML link pointing to the address specified here. This makes the image clickable. It must begin with an appropriate URL prefix such as "http://". If you are editing a page review the Link Target is automatically set to the correct page location and this prompt will not appear.

Step 2: APB will always prompt you for an Image Location. To get an Image Location, right click on an image and select "Copy image location." Please think twice before hotlinking. I recommend ImageShack for free image hosting. Like the Link Target, the Image Location must begin with a URL prefix such as "http://".

Step 3: Finally APB will prompt you for a Title & Attributes. This is the most complicated section of APB and may require some practice to understand how to use it. You can enter up to 5 attributes in this dialog, plus a title, each seperated by a semicolon or your custom split character (see "Preferences" for info on how to customize this character). The attributes are identified using the following shorthand (these attributes are case sensitive):

Prefix	Attribute	Description
w=	width	The width of the photo in pixels or percentage (add a % after the number) of the blog width.
h=	height	The height of the photo in pixels or percentage (add a % after the number) of original image height.
a=	align	The alignment of the image. Can be left, center or right. You can also use the abbreviations L, C or R.
H=	hspace	The amount of empty space on both sides of the image. Numeric values only.
V=	vspace	The amount of empty space above and below the image. Numeric values only.
	title	The title will show when you hover your cursor over the image.

Note: If an attribute is listed more than once, the one furthest to the right will be the one used.

Preferences

If you're feeling adventurous there are a few things you can customize. After you drag APB to your bookmarks toolbar you can customize several things by right-clicking the bookmarklet and selecting Properties. The Location field will show:

javascript:(function(){var newline=1;var border=0;var split=';'

Change ONLY the red text.
If newline=1 (default) then APB will paste the code onto a new line. If newline=0 then APB will not create a new line.
If border=0 (default) then all images will have no borders. If border=1 or more, all images will have a border of 1 or more pixels.
If split=';' then the attributes listed in the third prompt (as mentioned above under Usage) must be seperated by a ; character. You can set it to any character except w, h, a, H, V or = but you will not be able to use this character in your title attribute. I use a comma (split=',') for my own version. Make sure you leave the single quotes around the character.

Tips

This extension will allow Firefox to display the entire title attribute. Internet Explorer will show the entire title by default.
Also, you don't have to specify both a height and a width. If either one is specified the image will resize and keep its ratio.

September 27, 2006. Added compatibility with SU Blog Lite.
August 14, 2006. Removed non-working align="center" and added "<center>" due to a change in SU.
March 13, 2006. Added support for align, vspace and hspace. Rewrote help file.
March 2, 2006. Fixed issue with [edit] pages and non-sponsors.
February 27, 2006. Script now works in Contact and Start Conversation textareas.
February 25, 2006. Link Target is now optional in Forums and the Add Comment textarea.
February 24, 2006. Added height/width input, enabled use in forums, added ability to disable line break, simplified terminology on this page.
February 13, 2006. Updated to work with latest SU layout and added support for Add Comment field.
January 2, 2006. Added title attribute features.
December 20, 2005. Fixed problem with long URLs and corrected HTML syntax.