HTML Image Codes for Squidoo Lenses

If you are looking to spice up your lenses with some custom HTML, then you might be wondering how you can add in image and make it look really nice. The way to do this is with some HTML coding. There are several different ways to display the images, all depending on what you are looking to do.

So, to help you out, here are some HTML image codes that I use on my Squidoo lenses. Keep in mind that this same HTML code can be used on your personal sites or other web 2.0s as well.

Basic Image Code

If you’re just looking to add an image to your text module, then you can use basic image HTML code. That code is:

<img src="YOUR IMAGE URL HERE">

That code puts the image in the module without any type of formatting at all.

Float Image Code

Personally, I like to have the image to the left or right of my text block so that the text kind of wraps around the image. To do this, you have to float the image to the right or left. The code for that is:

<img src="YOUR IMAGE URL HERE" style="float: right">

The code is for a right float, but if you want to float to the left, then just change it out. For a little cleaner look, I suggest adding a margin around the picture so that your text isn’t running directly into the image. Here is one way to do that:

<img src="YOUR IMAGE URL HERE" style="float: left; margin-right: 10px; margin-bottom: 10px;">

Note that you can change the margins to any size that you want. Play around with it a little until you see a result that you are happy with.

Center Image Code

Often, I want to center my image in the text module. This usually happens when I have made a banner image and do not want any text wrapped around it. Using the standard “center” HTML code doesn’t work on Squidoo, so this is what you have to do:

<p align="center"><img src="YOUR IMAGE URL HERE"></p>

Make Image A Link Code

If you want to make your image so that when someone clicks on it, they get your affiliate link, then you can do that too. Here is that basic code:

<a href="YOUR AFFILIATE LINK URL"><img src="YOUR IMAGE URL HERE"></a>

The part that starts with “a href” can be applied to any of the codes above, as long as it goes in front of your image HTML code and you end with the </a> code.

There are lots of other fancy things that you can do with HTML codes, but these should be enough to get you started. Try them out in your lenses to see how you feel about them. And remember, you can no longer use HTML in the Amazon modules on Squidoo.

About Henley Griffin

6 Responses to “HTML Image Codes for Squidoo Lenses”

Read below or add a comment...

  1. Vince says:

    Thanks for the tips. I search for the code every time I create a lens lol. I have used some boarders around modules on some of mine as well. Breaks them up nicely. Let me know if you would like the code to add to your list.

    • Henley Griffin says:

      Yeah, I use borders every now and then too. Usually end up just searching for that code as well :) You’re welcome to leave your favorite code here as another reader might find it useful. You may also want to consider making a lens on it – you could probably throw in some Amazon links to HTML books or something similar :) If you do make a lens, leave the link here if you want!

  2. Vince says:

    Here is my quick attempt to create a lens on border HTML. I will have to play around with it when I get a little more rime and learn how to put code in a lens that can be copied and pasted lol.

    Enjoy :)

  3. Vince says:

    Thanks for the kind words. The code above did not work. I will look into it some when I get a little more time. Then I might make a Lens on that lol.

    Glad you like it!

Leave A Comment...

*