So you want to get fancy, eh? Well, fancy can be simple and it just takes a little practice. There are HTML (Hyper-Text Markup Language) editors and some really good WYSIWYG (What You See Is What You Get) editors that can be used for this same purpose but that's not the scope of this very basic primer.
When I post on Craigslist I never like just plain text so I add a little HTML to spice things up. Oddly enough I don't do that here on AR but you certainly can and that's the reason there is the HTML tag at the top of the "Entry" box when you are creating a new blog entry. Have you ever clicked it? You get a popup window that says:
WYSIWYG (pronounced wizzy wig) is the default posting editor you get when you come to post here on AR. No such critter exists over at Craigslist. The WYSIWYG editor lets you upload images and select how they are displayed, choose bold, italic, underlined or strikethrough text, offers some justification and line item options and that's about it.
What if you wanted some really big text or red test? Well, you'd need to do one of a couple of things and the thing we're talking about today is to actually create your posting in the HTML tab instead of the WYSIWYG tab. You can also do this directly into the post window on Craigslist. (On craigslist once you start using certain HTML code tags you have to use ALL tags - including line break, paragraph, etc.)
One basic you need to remember is any HTML code tag that affects the attributes of the page has both an opening and closing tag. The opening says, for example, make all of the text starting here bold. The closing tag, obviously, says, stop making the text bold from here on. In HTML code that looks like this: <B></B>
The end tag always includes the /
HTML coding likes to be nested. So if you are making a section of text bold and italic you would want to open the tags <B><I> and close them in reverse order thus "un-nesting" them </I></B>.
Elements are not attributes but elements have attributes. Don't get confused. Chances are the only thing you'll ever put on that doesn't need a separate closing tag is the image tag. If you don't know how to do image tags I think most of the online image storage services actually provide them for you. I know PhotoBucket does.
So, without further ado here are some very basic tags for you to start with in AR and Craigslist posting.
Font attributes: <FONT FACE="Arial,Helvetica,Times New Roman"></FONT> <FONT SIZE="5"></FONT> <FONT COLOR="Red"></FONT>
You can also combine those (and should) when you use them together: <FONT FACE="Arial" COLOR="Red" Size="5"></FONT>
Want to place a horizontal line across the post? Simple horizontal line: <HR /> Fat horizontal line: <HR Size="10" /> (Size is "thickness" in pixels) Partial horizontal line: <HR Width="50%" /> Combined: <HR Width="50%" Size="10" Color="Navy" />
Want a big heading text? There are multiple header sizes: <H1></H1> (2, 3, 4, 5, 6, 7)
Need to put a line break? This is single with no line spaces: <BR />
How about a paragraph? (Open and close tags are used) This is a paragraph: <P>Paragraph text goes here.</P>
Insert an image. You'll need to know where ON THE INTERNET the image is located: <IMG src="http://someserver.com/somefolder/myimage.jpg"> There are several other attributes to this tag but I'm not going into them right now ... maybe later if you beg or throw money.
Create a URL Link: <A href="http://novationmortgage.com">Link To Novation Mortgage</A>
Ken Cook - Web coder (I write the programs that make the whole world zing!) (678) 439-8683 Anything your mind can conceive I can create - online that is!
Social Media Edge Radio - seriously true professionals who won't misguide you with some crap they made up to sell more books and seminars. Every Tuesday at Noon eastern.
RETSORadio - part of the RETSO family. Great tech information and updates from people who have the answers, people who speak and product and service users.
NOTICE: I have been writing in this blog since July 2006. Some of the older articles may contain information that has changed. Please check the date and phone me if you have any questions.
28 Comments
on Simple HTML Tutorial For Active Rain or Craigslist - Site Beautiful!
FEB
10
2008
Thanks Ken, great post and great info that I will be using for sure. Happy selling!
The first url between the first set of quotes is where you want the image to link to, this code takes you to my site, the second url between the second set of quotes is where you are getting the image from. This is what that HTML would look like if you post a blog using HTML. If you click on the image you will see that it is a link to my website:
Ken, Thank you for the tips on HTML. I have used it a little it add a slide show or blog link but, I haven't used it to change the actual text content. I usually did it in WYSIWYG, save it, and then edit it in HTML. I can't wait to use some of your tips.
Here is a real secret for you. If you want the really cool stuff. go to www.dhtmlsite.com and check that out. I always find cutting edge html there. Don't tell everyone though. lol
Awesome tool tips. Just what I was looking for, Ken! Thanks for putting these out there. Now - if you can only tell me why as of late, the image placement html (align left, etc.) won't work properly! :) Also, have you noticed anything wonky re: AR ripping out Embed scripting when you try to post YouTube or other such vids here?
Kevin - Yes, I have noticed, and you'll need to ask Brad or Matt or someone about that or check the AR blog. I'm using HTML to align my images instead of the pop-up control.
Thank you all for your coments - If anything is ever too difficult or time consuming for you I do have a staff of people who do exactly this type of work for reasonable costs. We also provide full hosting, blog hosting, blog support, real SEO (not the kind where you give them $15,000 and they spend $5000 on Google and tell you how great you are), content writing and more. 678-946-0101
I'm trying to switch from wysiwyg to add html, but they are not linked and you have to save. how do you do that without posting? AND I did try to add html alone, but I guess it's not saving because nothing shows.... any advice?
Disclaimer: ActiveRain Corp. does not necessarily endorse the real estate agents, loan officers and brokers listed on this site. These real estate profiles, blogs and blog entries are provided here as a courtesy to our visitors to help them make an informed decision when buying or selling a house. ActiveRain Corp. takes no responsibility for the content in these profiles, that are written by the members of this community.