Posterous
Neil is using Posterous to post everything online. Shouldn't you?
Neil-bits_thumb
 

neil in confusion

Test - does 78 characters show

74 characters

75 characters

76 characters

77 characters

78 characters

79 characters

Update: If an image has more than 74 characters in its filename (including the .extention) then Posterous does *not* show the image.

Filed under: filename images test

Test - 13 images renamed testxx drag and drop

                         
Click here to download:
Test_-_13_images_renamed_testx.zip (253 KB)

Update: This was a test of 13 images of which only 9 were posting to Posterous. When I renamed the images with short names, all the images posted correctly.

Filed under: filename images posterous test

My Solution getting ScreenSteps to work with Posterous and Gmail


ScreenSteps Desktop is an application to help create step-by-step instructions, quickly. ScreenSteps 2.7 beta introduces a new feature to copy a 'lesson' to the clipboard so that it can be pasted into an email. This means that lessons can be emailed by Apple Mail to Posterous rather than have to publish to WordPress, TypePad, etc or ScreenSteps Live.

For some strange reason, when I sent a lesson to Posterous only nine of the thirteen images appeared in the Posterous post (sometimes it's ten of thirteen). The other images became two HTML 'br' tags. Ae well, all the images appeared in a long string at the bottom of the post and not in place within the text with empty image boxes appearing in the text.

Update: The problem was being cause by having the Preference checked to 'Sync Image Name to Step Title' in ScreenSteps. This caused images to have titles longer than 74 characters. If an image in longer than 74 characters then Posterous doesn't show it.

Solution: Use short Step Titles in ScreenSteps if the image names of synced to the step title.

After some perseverance, I discovered that if I emailed the copy and pasted lesson from Mail to Gmail (I used the Google Apps version of Gmail) and then Forwarded that email from Gmail to Posterous (removing the Forward text), the email appeared correctly, with every image in place, in my Posterous post. This is the post: Test - pasted ScreenSteps Mailed to Gmail Forwarded to Posterous

It's important to include the Subject line tag: ((nogallery)) in the email sent to Posterous, otherwise the images will be turned into a gallery album.

Update: One advantage this revealed is that the ScreenSteps clipboard content does not paste into Gmail directly. If you need to email a lesson from a Google Mail account then you can email to that account from Apple Mail then Forward from Gmail successfully.

Tip: Post ScreenSteps to Gmail via Mail

How To Add Multiple Inline Images into Gmail

Gmail doesn't support inline images in the message body of an email directly. To add them you need to turn on a Lab Setting called Inserting Images. Even then, you cannot copy and paste multiple images or text and images in a single paste (if you can, please tell me how). Each image needs to be inserted one at a time. If there are a lot of images, like in this step-by-step, your need patience and time.

This has been sent by Gmail to Posterous with ((nogallery)) tag in Subject line of the email.

01. In Gmail: Click Settings

02. Click Labs

03. Find and Enable Inserting images by Kent T

04. Click Save Changes

05. In Google Mail: Click Compose Mail

06. Click Rich Formatting (if not enabled)

07. Click in text where image is to be inserted

08. Click Insert Image

09. Click Choose File. Select an image from the hard drive. Click OK

Note: My Computer is selected by default.

10. Alternatively on a Mac using Safari: You can drag-and-drop an image on the Choose File button.

11. The Step 10 method way can be repeated without clicking OK until all images are added.

This is quicker because all images can be added, still one at a time but without having to click OK and Insert Image for each image added.

12. Repeat steps 07-09 to adding one image at a time into the text.

If multiple images were added as in Step 10, just double-click on the appropriate image in the Insert Image dialog box.

13. To Resize or Remove an image, click on the image to reveal the options

How to Send Images within Message Text using Google Gmail

1. Enable the Settings > Labs plug-in Inserting images by Kent T and save changes.


2. In Rich Text mode and the cursor where the image is to go, click the Insert Image icon and drag an image onto the Choose button or click to Choose File from My Computer or use a Web Address. The images here, have been dragged straight from the Skitch screen capture window.

3. Clicking on the image show an image sizing or removal option:

4. Send the email

Hassle Update: Third posting. I've added the Posterous tag ((nogallery)) to the subject line because following an HTML link edit on the original post (which didn't use the tag), only the first image remained. For the second post, I tried copy and pasting from the Gmail sent folder which lost all the images after posting. @Bad#words@. It's a load easier to place images within text in Apple Mail and do a Message > Send Again if it goes wrong.

 

11
To Posterous, Love Metalab