Warning: Cannot modify header information - headers already sent by (output started at /home/content/93/7757193/html/psp/wp-includes/nav-menu.php:1) in /home/content/93/7757193/html/psp/wp-includes/feed-rss2.php on line 8
Style – From the Blog of Paul S Patterson http://www.paulspatterson.com Throwing a wrench into the cogs of life. Wed, 16 Dec 2015 19:37:46 +0000 en-US hourly 1 https://wordpress.org/?v=4.4.2 Kijiji Tip: Style Your Advertisement http://www.paulspatterson.com/kijiji-tip-style-your-advertisement/ http://www.paulspatterson.com/kijiji-tip-style-your-advertisement/#respond Mon, 13 Dec 2010 16:33:23 +0000 http://www.paulspatterson.com/?p=170 Ever wonder how to add some style to an otherwise bland looking advertisement on Kijjij? Me too!Most of the advertisements I see on Kijiji are typically one to two paragraphs of plain looking text. Plain text ads that are short and sweet may seem appropriate for getting a simple message out there, but of you ...

The post Kijiji Tip: Style Your Advertisement appeared first on From the Blog of Paul S Patterson.

]]>
Ever wonder how to add some style to an otherwise bland looking advertisement on Kijjij? Me too!Most of the advertisements I see on Kijiji are typically one to two paragraphs of plain looking text. Plain text ads that are short and sweet may seem appropriate for getting a simple message out there, but of you rely on sites like Kijiji to bring in an income, then your advertisements need to have more of an impact.

Yes, placing an advertisement on Kijiji is free, but that shouldn’t restrict you from trying to craft something that will stand out more than the next person’s ad. With a little creativity you can apply some styling to your advertisement to give you that valuable credibility and trust factor.

Here’s an example of a much cleaner looking advertisement using some simple formatting and styling techniques…

One of my "styled" Kijiji advertisements

One of my "styled" Kijiji advertisements

Here are some simple tips and tricks that allow you to add some style to your Kijiji advertisement.

HTML and CSS Overview

Kijiji is a free online advertisement posting website. The terms and conditions of using Kijiji require users to follow some very strict guidelines when using the site and posting ads. As a free service, it is expected that users abide by those terms.

One of those constraints is the restriction of not allowing HTML (Hyper Text Mark-up Language) tags to be used. HTML is what is used by web browsers to render content to your screen. It is the crafting of HTML that provides the look and feel of what you see when you visit a web site. The Kijiji web application enforces these constraints by restricting the text that you enter as advertisement content posted using the online editor; which includes stripping out anything that looks like HTML code.

For example, HTML code that looks like this,

The price is <Font color=blue><strong>$9.95</strong>

would look like this in your browser,

The price is $9.95

If you tried to enter and post this into a Kijiji advertisement, the Kijiji application would strip out the HTML, and save the advertisement as plain text, without the bold and blue coloured price.

Fortunately, Kijiji does not strip out all HTML formatting tags. Kijiji allows for some fundamental tags that allow us to craft some basic formatting such as paragraphing. As such, we can leverage the allowed tags to perform some additional work to customize our content.

Enter CSS (Cascading Style Sheet), the technology used to style HTML content. I won’t get into CSS here because it is a HUGE topic – just do a search on “What is CSS?” in Google and you’ll see for yourself. But what I will show you is some fundamental CSS usage that can get you started on stylizing your content.

Stylizing Content

Let’s start by looking at the example I used earlier. I want to craft my advertisement to include a line that says, “The price is $9.95“. This would include the bold and coloured font for the price.

The tag that I am going to start with is the HTML Paragraph tag, “<p>”. This will render my content into a new paragraph on the browser. Here is what the HTML code for this will look like…

<p>The price is $9.95</p>

Note that when using HTML, if you start a tag, you need to end it with the corresponding end tag with a slash. In the above example it is “</p>”.

Let’s say I now want to add some style to all of this text. To do this, I add some CSS markup to my paragraph tag. Like this…

The code examples that follow are too wide to fit on the post, so I indicate a documented line break with a &_ indicator. If you copy and past the code, remove the indicator.

<p style="margin: 0; padding: 0; font-size: 14pt; font-weight: normal; &_
color: #444444; line-height: 22px; text-align: justify;"> &_
The price is $9.95</p>

See the “style” attribute I added to the paragraph tag? This is what this would look like now in a browser…

The price is $9.95

You can see in the above how the font size and color are now stylized because of the css styling I applied. Kijiji will let you get away with some CSS styling, but not all. I haven’t had time to check into the limits of styling that can be done, but I am trying to push the limits each time I place an ad.

Now I want to add some separate styling to the price. To do this, I use a couple of other allowed HTML tags and combine them with some more CSS.

Here is what is done to bold the price using the HTML “Strong” tag…

<p style="margin: 0; padding: 0; font-size: 14pt; font-weight: normal; &_
color: #444444; line-height: 22px; text-align: justify;">The price is &_
<strong>$9.95</strong></p>

So, now in the browser it should look like this…

The price is $9.95

Next I want to add some colour to the price, so I make use the “Span” HTML tag.

<p style="margin: 0; padding: 0; font-size: 14pt; font-weight: normal; &_
color: #444444; line-height: 22px; text-align: justify;">The price is &_
<span style="margin: 0; margin-top: 5px; padding: 0; font-size: 19pt; &_
font-weight: normal; color: #434343; line-height: 22px; text-align: &_
justify;">$9.95</span></p>

Here is what the above coding would look like in the browser.

The price is $9.95

Note how I replaced the “Strong” tag with a “font-weight” attribute in the CSS styling within the Span tag.

Now Go For It!

So, with this little bit of HTML and CSS knowledge, you should be able to craft up a pretty slick looking Kijiji advertisement.

Let me know how it turns out for you. I would love to see some of your examples.

Cheers,

Paul

The post Kijiji Tip: Style Your Advertisement appeared first on From the Blog of Paul S Patterson.

]]>
http://www.paulspatterson.com/kijiji-tip-style-your-advertisement/feed/ 0