Can I Use jQuery in Craigslist Posts?
Lively animations and colorful effects may catch the eyes of site visitors, but not inside a Craigslist post. Craigslist, an online classifieds site, allows sellers to post ads that contain text and images, but it does not support tools that can generate special effects, such as jQuery. Even though you can't add jQuery code to a post, there are still things you can do to spice up your Craigslist ad.
Other People Are Reading
-
JQuery
-
When you see objects move or change color on a Web page, JavaScript may be causing that to happen. JavaScript is a programming language that helps makes websites interactive. JQuery, on the other hand, is a JavaScript library that allows developers to create compelling websites faster and more efficiently. A few lines of jQuery code, for instance, could make a Craigslist image bounce around the page -- if Craigslist allowed posters to use jQuery.
Alternative Styling
-
You may wonder how some Craigslist ads, full of images and colored text, can almost look like Web pages. Users who post these attention-grabbing ads use regular HTML, which Craigslist allows. Visit the Craigslist HTML help page and you will see examples of HTML code you can use in your ad. You have the ability to select fonts, change text color, re-size text, choose your ad's background and embed your own images in a post. If you don't know HTML, simply copy examples from their HTML help page and test them in one of your ads.
-
Custom Text
-
Add a heading to your ad by pasting the following code into your post:
<h1>This is a heading</h1><br>
Replace "This is a Heading" with any text. The </br> tag creates a page break. Use this whenever you need to add a page break after an HTML statement. Web pages also often have bulleted lists. Add one to your ad using the code shown below:
<ul>
<li>Camera</li>
<li>Sofa</li>
<li>Laptop</li>
</ul>This code creates items that might appear in a list on an ad page. Add a colored background to a block of text using the following code:
<p style="background-color:yellow; width:200px;">
This paragraph has a yellow background
</p>Change "yellow" to any color and "200px" to any width value. That value is in pixels.
Custom Images
-
Add colored borders to pictures and even re-size them to any dimensions you like using HTML. The following statement produces an image that has a dotted red border:
<img src="myImage.jpg" width="100" height="200" style="border:3px dotted red" />
The image is 100 pixels wide and 200 pixels high. The "style" attribute sets the image's pixel width, border style and border color. The "src" attribute points to the image's URL. To make this work, upload any image to a free hosting site. After the site gives you the image's URL, replace "myImage.jpg" with that URL. When your Craigslist page opens, users will see your image displaying the visual characteristics you set.
-
References
Resources
- Photo Credit Jupiterimages/Comstock/Getty Images
