101 Code To Go

How is this guide different from the others?

Why is it better? Ok, now let's go straight to the point. What makes it so precious for everyone, including the grandma that wants to add some style to her lenses and squeeze few bucks out of it without getting lost into the depths of the HyperText Markup Language (what is it anyway?).

The answer to all these questions is simple:
this is a source of solutions, not of head aches!

Too often the guides about HTML and CSS are written by gurus that take everything for granted and when you read their directions all you get is a headache. You read it and find yourself thinking: "Can't you just tell me how to do it in a simple way? I don't want to know what the padding is needed for or what px means! Just give me the code!".
And there you read: if you want to do this, combine with this, add that and don't forget to include those things and, and, and.... Boring. And my head aches.

Code to go is the ultimate resource for the people like me that simply want to know the answer, without the history lesson behind. It's very simple, direct, and for everyone! See below how to use it!

First of all you have to know that you can include HTML tags (the codes you find on this page) in most of the modules used to create lenses. Using the codes you will find in this page is very simple and in minutes will let you personalize your lenses to give them that extra touch to make them great.

All you have to do to to use this resource is the following:

1. First of all bookmark this page and add it to your favourites for future reference


2. Go to the right section (text formatting, adding pictures, etc) by clicking on the link in the table of contents.


3. Choose the example that solves your problem


4. Copy the code. If needed, change the address (for pictures, links etc).
   Don't worry! I will tell you how to do it in a simple way.


5. Paste the code in your lens


6. Enjoy your new acquired power!

Although there are several tags to format text, on Squidoo you are limited only to those listed below. To format your text, simply copy the code, remove the the words "Code to go" and substitute with yours. As simple as that!

• Cut and paste this code for Bold


• <b>Code to go</b>

• Cut and paste this code for Strong


• <strong>Code to go</strong>

• Cut and paste this code for Underlined


• <u>Code to go</u>

• Cut and paste this code for Italic


• <i>Code to go</i>

• Cut and paste this code for Emphasized


• <em>Code to go</em>

So you want your text to be aligned to the right?
Simply copy the code and write your text instead of "Code To Go":

You are not yet happy. There is something that bothers you. The text is not properly ordered, it looks unprofessional You want to add a bit of order and do something that almost no one does on Squidoo. So you want your text to be justified like in a newspaper? Simply copy the code and write your text instead of "Code To Go":

<p align="justify">Code To Go</p>

Ok, so you have your recipe written, but you want to make the list of ingredients. Nothing simpler. You can choose to have an ordered list:

1. Coffee


2. Tea


3. Milk

• Coffee


• Tea


• Milk

Coffee
Tea
Milk

BLABLABLABLABLABLABLABLABLABLABLA

BLABLABLABLABLABLABLABLABLABLABLA

BLABLABLABLABLABLABLABLABLABLABLA

So you want to add a link in your lens to the best lens ever written. Think it's hard? Think again. It's very simple! Simply copy and past the following code (remember to remove http://CodeToGo.com and add the address you want and to change the words "Code To Go" with the title of your link):

<a href="http://CodeToGo.com">Code To Go</a>

Ok, the reader used the link and left your lens. So you would like the link to open in a new page or tab. Sound tricky. It's not.
Simply copy and past the following code (remember to remove http://CodeToGo.com and add the address you want and to change the words "Code To Go" with the title of your link):

<a href="http://CodeToGo.com" target="_blank">Code To Go</a>

Now you can click the link and it'll open in a new window like this.

There is another little option you might want to use: adding an email link. It will look like this: send me some luv

To add your own email address, simply copy and past the following code (remember to remove CodeToGo@squidoo.com and add your email address and to change the words "Code To Go Mailbox" with what you want to appear in the link):

<a href="mailto:CodeToGo@squidoo.com">Code To Go Mailbox</a>

Now things get complicated. LoL! Not really, I was joking!

Adding images is very simple. For example here I put the logo of this lens.



To do the same with your image, simply copy this code (remember to remove http://CodeToGo.com/CodeToGo.jpeg and add the address of your picture):

<img src="http://CodeToGo.com/CodeToGo.jpeg" />

So now you want the image to be clickable, to redirect your readers to the best lens ever written (no, it's not the best, but feel free to read it anyway).
That's easy too. Here it's how it would look like:



To do the same with your image, simply copy this code (remember to remove http://CodeToGo.com and add your destination link and remove http://CodeToGo.com/CodeToGo.jpeg and add the address of your picture):

<a href="http://CodeToGo.com"><img src="http://CodeToGo.com/CodeToGo.jpeg" /></a>

Now that you know how to add picture, you might want to arrange them properly within your text. To the left, to the right... Below you can see the examples.

One step to the left...


As you can see the image is nicely positioned on the left side. To do this simply copy the following code (remember to remove http://CodeToGo.com and add your destination link and remove http://CodeToGo.com/CodeToGo.jpeg and add the address of your picture):

...one step to the right...

As you can see the image is nicely positioned on the right side. To do this simply copy the following code (remember to remove http://CodeToGo.com and add your destination link and remove http://CodeToGo.com/CodeToGo.jpeg and add the address of your picture):

<img src="http://CodeToGo.com/CodeToGo.jpeg" style="float: left; margin: 0px 0px 5px 5px;" />

...one jump to the middle!

As you can see the image is nicely positioned on the middle. To do this simply copy the following code (remember to remove http://CodeToGo.com and add your destination link and remove http://CodeToGo.com/CodeToGo.jpeg and add the address of your picture):

<p align="center"><img src="http://CodeToGo.com/CodeToGo.jpeg"></p>

So you finally figured out that the Squidoo community has a Forum. And you also understood that writing on the forum is by far the best way to get the word out about your fantastic lenses. Or maybe you don't know it yet, but I'm telling you. It is. Really.
How does it work? Well, you share your ideas with other people, show them you're a smart guy and... well. Don't expect them to click on your unknown name, browse through your lenses and go exactly on that lens you want the to read. The truth is: we are all born lazy.

Ok, so how do you advertise the best lens ever written in your posts? Very easy. Like this:

The best lens ever written

First of all login in the Forum. Simply click here and press the Login button (upper left corner). Click the Profile button. In the Profile menu on the left, click Personality. In the page that load, you will find the field Compose your signature. See below for more information on how to add a link, format the text and add colours.

In the Compose your signature field simply add this code

[url=http://CodeToGo.com]Code To Go[/url]

Be sure to remove http://CodeToGo.com and replace it with the address of your fantastic lens AND change the words Code To Go with the title of your lens. Easy as pie.
Maybe you would like to allow the other Forum contact you via mail? Nothing easier. To make a link to your email address that looks like this Code To Go just copy the following code (remember to remove the CodeToGo@squidoo.com and add your own email address):

[email=CodeToGo@squidoo.com]CodeToGo@squidoo.com[/email]

But you can do more! As you have seen before, you can format the text in your lenses. In a similar fashion, you can do it in your Squidu Forum signature.

Remove the words Code To Go and replace with your own for the following:

If you want the text to be bold use this:
[b]Code To Go[/b]

If you want the text to be underlined use this:
[u]Code To Go[/u]

If you want the text to be italic use this:
[i]Code To Go[/i]