Putting up a profile in social sites can be a daunting task, imagine having to wade through all the given textfields. More often than not, these textfields only recognise and accept normal text entry, thereby limiting your creativity to create something unique.

Wouldn’t it be fun and interesting if you can have some control over how your profile is been displayed to others? Hiitch allows you to do that by including simple HTML tags to enhance your profile layout. Don’t worry, you don’t have to be a software junky to learn and understand HTML. In this article, I’m going to show you how easy it is to spice up your profile with HTML.

Below is an example of my profile card.

Notice some of the text are in colors. These are text that has been wrapped around with HTML tags. Now take a look at the profile interface below.

Your profile interface is where you enter your profile information. At first glance, the above layout may seems abit overwhelming. Actually they are just lines of text with HTML included in between. To make things easy, I will highlight all the HTML elements used as shown below.

Do you see a pattern? To convert a text into HTML, simply surround it with HTML tags.

Example:

<h4 color=”#EE5A00″>Pimp my Hiitch with <em>HTML</em>;)</h4>

HTML tag always start with an opening tag and end with a closing tag. Closing tag is precede with a backward slash /. Most HTML element can contain attributes. As in this example, the header tag <h5 color=”#EE5A00″> has a color attribute of value #EE5A00. Some HTML element can have more than one attributes.

Here is a list of HTML tag and its definition that you can used in your Hiitch profile:

<h1></h1> <h2></h2> <h3></h3> …	Header element, normally reserve for title.
<p></p>	Paragraph element, for writing new paragraphs.
<font></font>	Font element, normally used togther with “face” attributes. e.g <font face=”Arial, Helvetica, sans-serif”></font>
<br>	Line break element, start with a new line.
<ul></ul>	Unnumbered list element, used for creating an unnumbered or unordered list.
<li></li>	List item element, list the items.
<hr>	Horizontal ruler element, create a horizontal ruler.
<b></b>	Bold element, bold text.
<i></i>	Italic element, italize text.
<u></u>	underline element, underline text.

Above are just some commonly used HTML element, if you are keen to learn more you can visit:
http://www.w3schools.com/html/default.asp.
For HTML cheat sheet, visit:
http://lesliefranke.com/files/reference/htmlcheatsheet.html.

Please note that not all elements will work with Hiitch profile, currently our application only supports basic html tag. However I hoped this does not deter you from creating your own unique profile card. Now go and let your profile shine

Disclaimer: The off-site resource mentioned above are not affiliated with Hiitch in any way, nor do we endorse the content they offer. They are mentioned here simply because we think it might be helpful or useful to you.

Filed under: Tips and Tricks by Adam Soh |

This entry was posted on Friday, February 16th, 2007 @ 5:27 pm on the category Tips and Tricks .
You can follow any responses to this entry through RSS 2.0 or trackback from your own site.