How to create symbols on your blog, Web site, or Squidoo lens with HTML numeric codes
Ranked #1,259 in Computers & Electronics, #23,393 overall | Donates to Acumen Fund
A way to display symbols on your Web site, blog, or Squidoo lens
Ever wanted some HTML code to create special symbols on your site—like a heart symbol, euro or copyright character? "What you see is what you get" (WYSIWYG, pronounced "wizzywig") interfaces like Squidoo's are great, but sometimes you want to get a little outside the box.
The best way to do this is with HTML numeric codes. They look a little scary at first, but they're very easy to use, and they look right on virtually any browser.(Some of the easier-to-remember codes don't work on all browsers, so your Icelandic Firefox readers might get junk characters. And we wouldn't want that to happen.)
What are HTML numeric codes?
It sounds complicated
Get to the codes already!
I can't wait to start adding special characters to my lens!
Bullet (•) •
Cent sign (¢) ¢
Copyright sign (©) ©
Degree sign (°) °
Em dash (—) —
Euro symbol (€) €
Heart symbol (♥) ♥
Inverted exclamation (¡) ¡
Inverted question (¿) ¿
Non-breaking space  
Pi (π) π
Pound sterling (£) £
Registered trademark sign (®) ®
Section sign (§) §
Trademark sign () ™
Umlout o (ö) ö
Yen symbol (¥) ¥
Yes, they work on Twitter!
(Follow me on twitter at twitter.com/soniasimone)
Are you making boneheaded mistakes with your Web design?
A must-have reference on how to make Web sites that work
Make sure your users are doing what you want them to do! This is a usability "bible" for experienced developers, and it's also very readable and understandable for the non-technical user.
How about a heart symbol?
The heart symbol isn't universally supported by browsers, so let me know in the guestbook if you see hinky characters!
Another cool option is to find a free or cheap heart .jpg and link to it as an image. The lens above on HTML and Squidoo lenses will help you if you don't know how to do that. An image link will probably be more robust and work better across different browsers than the code will.
(Don't link to an image that isn't free and/or that you don't own, that's lame and bad manners.)
Try istockphoto for an amazing collection of cheap and good photos and illustrations that will work beautifully just for this purpose. (That's where I found the oh-so-cool blue numbers photo that I'm using in this lens.)
Strict XHTML or Flash & JavaScript?
Which is best?
Some folks are XHTML/CSS purists, others like to spice things up with the latest technology and design tools. How about you?
Strict XHTML/CSS or Flash/Java/Latest Nifty Thing?
Fetching blurbs now... please stand byStrict XHTML/CSS
Maria says:
♥
Posted April 18, 2009
lily says:
♥
Posted April 15, 2009
kelli says:
♥
Posted April 10, 2009
bella says:
♥
Posted April 05, 2009
cicci says:
♥
Posted February 15, 2009
MADDY J0NAS♥ says:
?
Posted February 06, 2009
hatti says:
♥
Posted January 26, 2009
Flash/JavaScript/Latest Coolness
shay says:
♥
Posted June 28, 2009
need help!♥ says:
♥? how to do his i cant understand?
do we hav to press ALT for this?
where we must write these?
please help, please!
i just know to do ALT+3 it will giv u a heart sym.!
so what i have to do with this?
Posted June 28, 2009
MrZ.BrOwN says:
♥
Posted June 18, 2009
cindy says:
♥
Posted May 02, 2009
SHONNA says:
♥
Posted February 25, 2009
aam says:
♥
Posted February 08, 2009
The fastest, cheapest way to create a great-looking site
Buy an inexpensive image at www.istockphoto.com, crop it to fit, grab some cheap hosting at godaddy and you're up and running. Maybe $50 if you have to buy a couple of how-to books. I set up my copywriting business site using the "Andreas01" template from OSWD. It was easy to set up and customize, and I think it's a great, sharp simple design.
Find out how your Web site is doing
I found this book very helpful to get the most out of Google Analytics. It walks you through everything from how to install GA to how to decipher the results. It's written in plain English and doesn't assume any supergeek technical ability.
Self help
www.foxinternet.co.uk/keyboard.html
www.december.com/html/spec.codes.html
What if the code doesn't work on my site?
Some misguided sites will convert your nice, clean numeric codes to versions that aren't as widely supported. (Don't ask me why, I think it's nuts.) For example, when I was on Typepad, they did this on my blog, which broke my RSS feed every once in awhile. Nonbreaking spaces are especially bad culprits.
Look around for a "plain text" mode. That sometimes means "OK we trust you, we'll actually use the code you enter."
Some systems will just get in your way and keep you from doing things right. Send 'em a message on their bug report software, and tell them you want the right to code with HTML numeric codes, as nature intended!
If you found this useful, I invite you to check out my site and other lenses!
The Remarkable Communication blogThoughts on permission marketing, email marketing, weird definitions of success, and creating stronger communication with your customers.
Fast, cheap, and out of control: 21st-century techniques to grow your business
A look at how to use the Web, blogs, email newsletters, and other Internet tools to promote your small business.
Marketing dictionary
I'll add more entries from time to time.
Benefits, not features
Call to action
Split Test
Suggestions! Requests! Corrections!
If you know anything at all about technology, it will be painfully obvious that I'm a dilettante at best. I welcome all suggestions and corrections here!
-
Reply
-
need help please !!!
Jun 28, 2009 @ 5:07 am | delete
- well i cant put the heart symbol using ♥ do we have to press ALT or it will not show it s true form to me but only if the site is created ?
-
-
Reply
-
eunice
Jun 23, 2009 @ 1:48 am | delete
- ♥
-
-
Reply
-
May 19, 2009 @ 1:38 pm | delete
- Just added a link to your lens on my keyboard symbols lens, which has dozens of symbols for print publications but not the html code. Thanks... it fills in a missing piece. Also... I enjoy your posts on Copyblogger.
-
-
Reply
-
Mickie_G Feb 4, 2009 @ 11:53 am | delete
- Thanks for your hard work on finding and sharing this information. I am always looking for new html to try. Added you as a favorite and lensrolled you to my "Hugs and Kisses to Squidoo".
-
-
Reply
-
Rakesh Clark
Feb 2, 2009 @ 3:54 pm | delete
- Thanks for providing this information on your blog, it is very much helpful to me. Waiting for your new arrivals.
SEO Company In India
-
-
Reply
-
GrowWear
Jan 25, 2009 @ 10:07 am | delete
- Needed the code for the trademark symbol and there you were. Thank you!
-
-
Reply
-
Aika
Dec 16, 2008 @ 9:13 pm | delete
- yeah, this is cool! it'll add spice on my lenses.
-
-
Reply
-
bitteliten
Dec 4, 2008 @ 2:31 pm | delete
- witch sign is the first one in your codes? I thought all of them started with & - but that doesnt seem to be it...
-
-
Reply
-
seedplanter
Dec 3, 2008 @ 12:11 pm | delete
- I wish I'd found this lens sooner. It's full of good stuff!
Thanks for the work you put into this. I'm lensrolling it to my two Squidoo-related lenses. Also going to link to it in my Discovery module on a new lens I'm currently working on. Nice job, Sonia.
-
- Load More
by sonia_simone
Writer, marketer, tinkerer, parent, human being, meditator, gardener, obsessive, bookworm, smartypants, idiot, knitter, bleeding heart, analyst, and wannabe... more »
- 18 featured lenses
- Winner of 6 trophies!
- Top lens » Easy knitting patterns for hipsters
Explore related pages
- using Basic HTML in Squidoo lenses using Basic HTML in Squidoo lenses
- Celebrating Pi Day 3.14 Celebrating Pi Day 3.14
- Tools For Squidoo Lensmasters ヅ Tools For Squidoo Lensmasters ヅ
- Free Images and How to Use Them Free Images and How to Use Them
- FAQ: Add Code to your Lens FAQ: Add Code to your Lens
- What Does Money Mean To You? What Does Money Mean To You?