OCTOBER 20, 2008 10:42AM

A few basic tips for posting and commenting on OS

Rate: 55 Flag
If you find this post useful, please bump its Rating, so that others might find it more easily.

Lonnie Lazar recently posted some guidelines, via a comment, on how to add links to other Web pages when you're commenting on a blog post.  I thought it might be worthwhile to list some of the things I've learned about working with Open Salon software.  Feel free to add your own informational tips or correct any mistakes I've made.  (Note: I'll include a few observations about improving Open Salon software in parentheses, like this.) Update: Some of my suggestions have been obviated by changes in Open Salon software.  I won't delete text, but I will cross it out.

Composing a timely post: I once spent a couple of days adding material to a post before I published it; I discovered at that point that it was dated at the moment I hit the "New Post" button--that is, in the list of recent posts, it was already apparently a couple of days old, so it had essentially vanished into the mists of time.  (I'm reminded of one dog year being a seventh of an ordinary year; I estimate that one blog year is about 45 minutes of ordinary time.  Scientifically speaking.)  I now keep a "sandbox" post, in draft form and never published, which I can see on my "Manage Posts" page.  I work on the post until it's ready to publish.  On my "Edit Post" page, I copy the sandbox post (in the "Body" box), hit the "New Post" button, and paste the copied material in.  I then "Publish" it.  (Note: Posts should probably be ordered by their publication time.)

Saving your post: I've occasionally been automatically logged out by the system, which means that anything I'm in the process of editing is lost.  To avoid or at least to ameliorate this situation, I do two things.  I write most posts in a separate editor and paste the material into Open Salon when it's done; this gives me a local copy, a reasonable thing to keep in any case. I also use "Save Draft and Preview" often, especially if I use pictures in the post, cycling between editing and saving.  It's always a good idea to preview your post, giving it one last read, before publishing it.

Deleting your post: If you decide to publish a test post, to see how it looks, please think twice: that's what "Save Draft and Preview" is for.  If you publish a test post, you can delete it.  Please do, using the "Manage Posts" menu option.

Using HTML in comments: Being a computer scientist, I tend to type a good amount of raw HTML.  Currently this is the only way to put more than text in comments, as far as I know.  (Note: Some commenters may find a formatting toolbar and a preview facility helpful; a few commenters have already asked for editing of posted comments as well.)  Here are the basics:

If you want something to appear italicized, type <i>italicized</i>.  The <i> is an example of an HTML tag; tags often appear in pairs surrounding some text, the closing tag with a forward slash before its name.  If you occasionally find that your entire comment is italicized, you've probably mistyped or forgotten a closing tag.

For bold text, type <b>bold</b>.  You can even combine bold and italicized text.

To add a link to a different page (I'll use the address of this post as an example), type <a href="http://open.salon.com/content.php?cid=8182">Rob's post about in editing in Open Salon</a>, which comes out looking like this: Rob's post about in editing in Open Salon.  (If you're curious, A is for Anchor and HREF is for Hypertext REFerence.)  It's important to give enough information in the text of the link--what readers will see--so that they know what to expect if they click on it.  No one likes to be rickrolled.

If you write a complex comment that contains lots of HTML and want to make sure that you haven't mistyped anyting critical, one workaround for the lack of a preview facility is to create a new post, type or paste in your comment, and see how it looks in draft form, following the advice above.  If it looks good, edit the draft post, copy its contents, add the comment where you'd like, and delete the draft post.
 
Also, if you ever try to post a comment and it doesn't appear, and yet you haven't been logged out, see another comment from Lonnie Lazar for a possible explanation.  Summary: you may have clicked the "Post a comment" link that opens and closes the comment box, rather than the visually-different-but-similarly-named button that actually posts your comment.  See Lonnie's comment for recovering.

You can find out more about HTML in any one of the dozens of HTML primers out there.  You should know, though, that not all HTML tags work in comments.  For example, blockquote (which usually indents a paragraph to indicate it's a quote) doesn't.  Use italics instead.

Using HTML in a blog post: There's an HTML button you can use when composing a post, which pops up a window full of text interspersed with HTML tags.  You can edit this mess, but there's an easier way: If you type raw HTML into the usual editing window, and then "Save Draft and Preview", you'll see the HTML tags in your post.  "Edit" and then "Save Draft and Preview" one more time, though, and the system will properly translate the HTML.  (Note: This functionality is a bit unintuitive and might be streamlined--but not removed!)  Not all HTML tags work in a blog post; you'll have to experiment a bit to see what works.

Including images in a blog post: You might notice that some Open Salon bloggers post images that are much bigger than the ones that are appearing in your posts.  In some browsers, once you upload an image file into the editing window for your new post, you can resize the image.  If this isn't possible, then you can press the HTML button (editing the mess I said you wouldn't have to) and do the resizing by typing in the right data.  Look for one of two things: the caption you gave the image when you uploaded it, or the number 285, which is the default width that Open Salon assigns to images.  Change this number, up to a maximum of 485 (to which width your image is downsized by Open Salon when you upload it.)  Give it a try--see whether your beautiful pictures look more beautiful if they're just a bit bigger!

Wrapping text around pictures in a blog post: This explanation may be a bit confusing, but I hope it's worthwhile.  The paragraph below, which consists of meaningless text, wraps around the picture I've included.

Nunc commodo interdum lectus. Nam massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi tincidunt imperdiet leo. Praesent euismod bibendum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam blandit dolor non est. Nam quis justo. Integer rutrum turpis non nisl vestibulum fringilla. Praesent scelerisque ultricies elit. Phasellus rhoncus ullamcorper urna. Duis vitae erat ut augue iaculis sagittis. Praesent in felis.


Here's how it works: I won't type out the HTML to do this, but I will ask you to view the source of this page in your browser.  Search for the sentence beginning "Nunc".  The form just preceding this sentence includes a DIV (i.e., division) tag to hold a picture.  The style of this section is such that the picture (produced by the IMG tag) is right justified and padded on the left with 5 pixels.  The next bit, after the div, is a P (paragraph) tag that specifies how the text should be aligned, in this case with respect to the picture--it's fully justified and vertically aligned to the top of the picture. That's it.  How do you do this on your own?  Probably the easiest way is to just copy the HTML and paste it into your post, replacing the IMG SRC value with the file name of one of your pictures.  Tedious, yes, but if you want to do this. . .  (If there's an easier way, please let me know in a comment.)

Including youtube videos in a blog post: When you visit the youtube page for a specific video, you'll see a textbox on the side, labeled "Embed".  The contents of the box will begin <object... Copy these contents.  When you return to Open Salon, start a new post. (It's easiest to start from scratch, add a video, and then add text and possibly other pictures around it.)  Press the HTML button.  When the HTML editing window comes up, paste in the text you copied from the youtube page.   Exit this window with the "Update" button.  Now when you "Save Draft and Preview" your post, you should see something like this:



Dealing with platform issues: The vast majority of Open Salon bloggers use the Apple Macintosh OS, Microsoft Windows, or some flavor of Linux for their operating system, plus some Web browser (obviously).  As with many newish pieces of software, Open Salon has limitations specific to the combination of operating system and browser.  (Note: These are the kinds of idiosyncracies that go away as software matures.)

Going outside Open Salon: bbd suggests that you can use external services, such as bloglines, to keep better track of posts by friends within Open Salon, until Open Salon gains the capabilities you'd like to have.  It's also useful to keep in mind that Open Salon is just a bunch of Web pages, from a techie perspective.  If you want to keep track of an individual page, you can always bookmark it in your browser.

Exploring Open Salon: Finally, some Open Salon bloggers have found ways simply to have fun with the site, to answer questions that perhaps no one has thought of answering.

How many members are there? bbd observes that Open Salon allocates a number to you as an identifier for your blog when you join.  Thus I have the number, or uid (user identification), 1487.  These uids seem to be given out sequentially, which means that whenever anyone new joins Open Salon, which you can see in the Activity Feed, you can go to their Web page and look at your browser's address bar to see what uid that new blogger has been assigned.  As of today (late September), it's over 6,000.

Can we play games? Mark Pritchard proposes the mystery tag game, which involves clicking on a topic that someone has blogged on, and then changing its tag id at random.  (The allocation for topics is similar to the allocation for bloggers, above.)  You get some interesting stuff.

Where is Open Salon going? These posts by Caveat Canem Croceum, here, here, and here, give useful insights into the current capabilities and future possibilities of Open Salon.

As for other advice, new users should probably explore the menu options Open Salon provides; it may take some searching around to find out how to do things.  (For example, it's possible to edit a post after it's been published, via the "Manage Posts" menu option; deleting comments for one of your posts means going from "Manage Posts" to "Manage Comments" on the sidebar.)  That's all that comes to mind.  You can find further bits of advice in the comments below.

Author tags:

computers, os user manual

Your tags:

TIP:

Enter the amount, and click "Tip" to submit!
Recipient's email address:
Personal message (optional):

Your email address:

Comments

Type your comment below:
These were all good tips. The timeliness factor is an afterthought to many of us who've never done this before joining OS. Perhaps that is what makes the personal histories and travelogues the more compelling. Do you know, RSA, if the OS server can hold music files or must I link off-site to a holding tank? (Googlepages, etc.)
I don't know of any way to upload music files to the OS servers; it looks as if it's just standard image files (and with restrictions on those--no animated GIFs, for example). The best partial solution I can see is just the conventional <a href="URL">text</a>, like this, of the first sample returned by Google on a search for mp3 and sample: some Footloose-related music. Hope this helps.
Yes I see. And of course a right click and a save link as... or equivalent will save to the local drive. Thanks.
A lot of HTML tags get stripped out of posts.
No tables, no DIV, no image alignment.

Always test your draft post before you publish.
Also Mac users are unable to scale images in Safari (you have to modify the html code by hand) and Mac FireFox is very very slow on OS for editing.
One way you can put music up is to make a video of it with the static image or some psychedelic stuff or just colors. And then they can listen to the music as part of a video link.
Thanks for the info, Caruso and ePriddy. I've done a quick update with some of that information in the main post.
Thanks Elizabeth. That's a good tip too. And CW, if it means anything, when I'm browsing with a screen res of 1280 x 960, I have to copy and paste your cartoon into an image viewer and zoom it up to read the captions. Worth it every time. Lush indeed!
actually, I DO sort of like being rickrolled, but that's just me :-)
I laugh every single time whether it it Rick or Lonnie rolling me.
A lot of HTML tags get stripped out of posts.
No tables, no DIV, no image alignment


Caruso, my divs work fine. I use them with floats and other inline styles. Peek at the credits under the photos for my Blogging/Journalism post. They're aligned right with a div.
Thanks for the tip, Eric. It would be tough for me to explain the formatting for that kind of effect in the post above, so I'll just point to one nice example you have.
I've included a brief example, above, on how to do right-aligned pictures with wrapped text, basically using one of Eric's posts as a model. It's not trivial, and there's probably a better way (and a better explanation), so if you want to show me up in another comment, please do!
Yet another update with the basics for adding youtube videos to your posts. Not guaranteed to be bulletproof, but I think it should work in most cases.
I have bookmarked this post. Thank you for creating this useful reference guide for OS users.
You're welcome, Matt; I hope people get some use out of it.
I do have a test-bed blog, and I have left it up, purely as a convenience to myself. I do have a disclaimer early in the post, telling readers, "Move along - nothing to see here."

Some points of difference -
I have an animated gif, and it works just fine.
I also have image alignment (centered), but I "cheated " by using the center text, and then inserting the image.
Unordered list works, definition list doesn't.

I'll be trying a few other trix soon.
Oh, cool. I'll have to see if I can figure out what didn't work when I tried to upload an animated gif. Thanks for the info.
I've updated the main body of the post to reflect recent changes. (And to add a request that if people find this information useful, to bump the rating so that others might find the post more easily.) Thanks to shellouise for drawing attention to some of the usability problems that persist on OS.
Love this post Rob, one of the few OS bookmarks I have. You really are a wonderful asset for OS. Thanks.
Thanks, Barry! I appreciate the, um, appreciation. :-)
Awesome! Thanks Rob and others :)
thisis great stuff for me and many like me. I will bookmark this and try to remember to ask questions here. Thanks!! keep this going for a while.
Wow Rob. Thank you so much. Some of us old schoolers need this tutorial. Ok I need this tutorial. Much appreciated, book marked, and rated.
My pleasure, gracielou. Thanks for the comment. Not everything still applies; I wrote this originally in August and updated it a few times, but I haven't done that lately.
THANK YOU THANK YOU THANK YOU! I'M SHOUTING THANK YOU!
That will save Freaky so much anguish over my slanty words.
Bless you. No really. I am going to make you some creme brulee now.
What, this old thing? Why, I only--sorry, I was channeling Violet from It's a Wonderful Life, just for a minute. It's the season.

Glad to be of help.
EXCELLENT public service, Rob.

A tip: when you post an image, add a gutter: . This keeps the text from running into it.
the style didn't show: try again:

in the code for your image, img src = (quote) image/path/image.jpg(quote), add this: style=(quote)float:right; margin-left:15px;(quote)
Thanks, Greg. That's good advice; I've noticed that especially for images with text wrapping around them. It's pretty clear in the HTML what needs to be modified--for those who can stand to look at HTML. :-)
Oops, my comment overlapped yours. I'll make the change, though, once I get to it. Thanks.
I was going to PM you asking for advice on how to embed video, since you are more 'techie' than most. But then, noticed relatively recent comments on this.

My suggestion, though, to Managers of OS: to have a special 'how to do techie things on OS' (not that the title should be name that, of course). This would be a special, sticky blog, perhaps on Top Left or Top Right of the main OS page, and would compile all such useful posts about how to use the features, or basic HTML in comments, etc.

I know there was a post, I think from 1 month ago or so, on how to embed video. It was very comprehensive. But, when I checked search, I tried 'embed', 'embed video', 'video', etc., but I could not find that post. Nor can I remember who it was that posted. Anyone able to steer me to that post?
Hi, Cynarra Ru'aviv, wish I could help. The only advice I've seen on OS about embedding video is in this post, though there may be other, better instructions floating around elsewhere. artsfish has written some good tutorials, as has undertow, as have a few other regulars. Using "OS tips" or "OS user manual" in the OS search box should turn them up. Good luck!
Thanks. Well, I did a search and checked out artsfish, undertow. Also 'OS Tips' *there were 117, so I didn't check out each and every one. Also OS Users Manual. I can use advice here for a youTube video.

But, post I'm thinking of was exceptional, in that it had all these screenshots and really good instructions. How to upload a video etc. Oh, well...
I don't really have enough knowledge to understand your method of getting a photo, with text round it, into a blog. What works for me (it may be very clumsy) is to create my blog in Word, inserting photos into it using "tight" wrapping; then converting that document, one page at a time, to jpeg, then inserting the pages into my draft blog, one at a time, using the OS picture insertion thingie.

Luckily, I can alter the size of those pages just by clicking on them and using the little corner 'handles' to stretch them out to the limit of the space in the draft.
To be honest, Larry, it's my instructions that are clumsy. Your technique sounds workable. I'll have to think about how mine might be simplified...
Oh my god, thank you! I really needed a few pointers about posting pics and video. Great tips!
Thank you, Rob. This should be a permanent post on the front page, especially for newbies and the technologically challenged. That would be me.

Bumped/Rated
Rob, thanks for the tips. Thanks more for the awesome video. It's been too long since I have seen it. I think once Pachabel got over electricity and electric instruments he would have been so happy to hear such an amazing version of his piece. Hope you're well.