Craigslist Posting Template and Editing Instructions

While looking through Yahoo Answers I came across this question:
How do I format my post on craigslist?
When I typed a couple of paragraphs in the message field on craigslist and clicked “continue” all the paragraphs appeared mushed together. How do I seperate them???

Thanks!

I’ve decided to share with you all the template that I use for posting to craigslist along with an explanation of how to edit / customize it.

Here is the template, with a few inline explanations:

<table width=”600px” bgcolor=”#f3f4ee” border=”1px” cellpadding=”5px”>
<tr>
<td>
Text here will not be centered
<center>
Any text entered here will be centered. Any text appearing outside of either the staring or the ending center tag will not be centered.
</center>
<p>If we type a long string of text without breaking the text will run into the edge of the table and wrap back around.</p>
<p>If we want to break a line of<br /> text we use the line break.</p>
<p>Otherwise the text will display all on the same line, unbroken.</p>
<center>
<img src=”http://www.yourdomainname.com/yourfolder/image.jpg” border=”0″>
</center>
</td>
</tr>
</table>

When rendered by craigslist, it should look something like this:

Text here will not be centered

Any text entered here will be centered. Any text appearing outside of either the staring or the ending center tag will not be centered.

If we type a long string of text without breaking the text will run into the edge of the table and wrap back around.

If we want to break a line of
text we use the line break.

Otherwise the text will display all on the same line, unbroken.

image Craigslist Posting Template and Editing Instructions

The width has been reduced in this visual representation so that it will fit on this page.

Now, the explanation:

The <table> tag begins the table, and the </table> tag at the end, ends the table. The width=”600px” is an attribute that modifies the table tag. It tells the table that it will have a width of 600 pixels. You can change this number to change the width of the table. A lower number will make the table more skinny, while a larger number will make it wider. The bgcolor=”#f3f4ee” tag sets the background color of the table. The color is in hexidecimal form. You can get different colors to use here. The border=”1″ attribute tells the table to display a 1 pixel border around its contents. You can set this number to zero and no border will display, or set it higher for a thicker border. And finally, the cellpadding=”5px” attribute tells the table to add 5 pixels of space between it and the border. This can be changed as well, with expected results.

Next up is the <tr> tag, this defines the start of a table row which is ended when you are ready to end the row and start a new row. In this template, we have all of the contets displaying on one row, so you will only need to start and end one table row.

The <td> stands for table data. This is essentially the cell of the table from left to right. It is ended with a </td> tag after we are done entering that cells contents. Because this template us only one row, and does not utilize more than one cell, we will only be ending this tag at the end of the template.

The next tag is the <center> tag. This does as you may expect, it centers whatever code or text is in between the opening tag and the closing tag within its container. In this case, the container is the cell, which is contained by the row, which is contained by the table, which has a set width of 600 pixels.

You will then see the <p></p> tags. These tags are positioned at the beginning and the end of a paragraph. They force line breaks which set them off from other paragraphs or elements which would otherwise appear beside, above, or below them.

After that, I used a line break tag, <br /> to show you what a line break looks like and how you can use it. You will find this tag in the middle of the sentence that starts “If we want to break a line of …” This tag actually contains the start tag and the end tag in one. The start tag is denoted by the <br and the end tag by the />. Please note that there is a space in between the br and the /.

You will then see an image tag surrounded by center tags. The image tag appears as:
<img src=”http://www.yourdomainname.com/yourfolder/image.jpg” border=”0″>

The attribute src=”http://www.yourdomainname.com/yourfolder/image.jpg” denotes the source, or location of the image. You can utilize a service such as photobucket to upload your images so that they can be referenced in this fashion. The border=”0″ attribute is simply telling the image to display a border of zero pixels. While this may seem odd, some browsers display a border around images by default, by defining a border of zero pixels, we are telling all browsers to display the image with no border at all, regardless of their default. You can change this to a positive number in order to display a border. Although this is a completely acceptable way to post images, it is much more simple to utilize the add images feature that craigslist already has.

Then you will see the closing tags, </center></td></tr></table>.

So, there you have it. All you need to do is copy the text template above into the craigslist ad submission form, change the text information, remove the various tags that you do not wish to use (such as the image tag if you are not going to be posting an image), and then post your ad.


If you have any questions, please leave them in the comments section below.

Was this craigslist template and post helpful?

View Results

loading Craigslist Posting Template and Editing Instructions Loading ...

Related Articles:


Yahoo Answers: Posting Image on Craigslist

Question:
How to send pix from microsift office word to craigslist? Copying and pasting does’t work.?
Hi. Do I have to do something in between first? Does anyone know simple step by step instructions for a person that’s not that computer savvy? Thank you.

My Answer:
If the image is inline in the word document, meaning it’s not set as a watermark or something, you should be able to drag it from the word document onto your desktop. This will save the image to your desktop allowing you to use the file as its own entity, as opposed to part of the word document.

There are two methods for displaying an image on craigslist, one requires a hosting account or access to a storage server. An account with a site like photobucket would also allow you to do this. You would upload the image to the webspace and then reference it in the craigslist ad using the html image tag.

That being said, I would recommend the following:

On the craigslist ad screen, where you type in your ad, you will see a button that says [add/edit images]. Clicking this button will display 4 image upload boxes. Click the upper left most browse button and then a file upload window will display. You then need to locate the image using this file upload window. If you copied it out of the word document onto your desktop, that is where you will find it. Either double click it or select it by clicking it once and then click the open button.

Depending on the size of the image, it may take a few seconds to upload the picture.. then you’re done.

I hope this helps.
Source(s):
My brain.
male.themodernhippy.com

Rick

Related Articles: