Tuesday, August 5, 2008

Ning: Formatting Blog Posts

The current blog editor being used in Ning is not a WYSIWYG editor; instead, it is a direct HTML editor. This may take a little bit of getting used to... but it also means you will learn something about HTML along the way, which - believe me! - can come in very handy in all kinds of situations you might run into using the Internet.

When you see what you have typed in the Ning blog box, you have various formatting options. The bold and italic options are the ones you are most likely going to use; there is also the option to underline text, or to use the strike-through format.

Formatting text with bold. To use one of these options, just highlight the text you want to format, and then click on the appropriate button, B for bold, I for italics, etc.


After you click, you will see the actual HTML codes inserted into the text. HTML codes are contained inside wickets (they look like the less-than and greater-than signs) - at the beginning of the formatting there is an open wicket, and at the end of the formatting there is a closed wicket, indicated by a forward slash:


All the typing of the HTML code is done for you automatically - you don't have to type any code. If you see how the code works, of course you can also choose just to type it yourself. Either way is fine!

Formatting text with bold italics. If you want something to be in bold AND in italics, highlight the text and click the Bold button, and then, while the text is still highlighted, go ahead and click the Italics button. The result will be what are called "nested" tags: if you look closely, you can see how there is a bold tag, then an italics tag, followed by the text, and then a close-italics tag and a close-bold tag.


Again, you don't have to type any of the HTML code or even pay attention to it - the editor does that for you... but you can learn a lot from watching how the code is inserted.

Preview the formatting. To see the effects of the code, you need to click the Preview button down at the bottom of the page. When you Preview your post, you will see the results of the formatting. Here, for example, is that same piece of text showing the bold and the italics:


If the results look good, you can click Publish to publish your post. If the post does not look right to you, just click on Back to go back and continue editing.

Remove bold and italics formatting. To remove the bold and italics formatting, just delete the little HTML tags - make sure you remove the entire tag, including the wicket signs (the less-than and greater-than signs). When you see your text plain, without the HTML tags, that means the formatting is gone! :-)


Some dynamic content may not display if you are reading this blog via RSS or through an email subscription. You can always visit the How-To Tech Tips blog to see the full content, and to find out how to subscribe to the latest posts.



0 comments: