A badge is like a mini-advertisement for your blog. It’s usually an image link, and can be posted in the sidebar or post of another site to drive traffic your blog. Fashion bloggers exchange links all the time, and badges are just another (prettier!) way to do this.
Creating a badge
1. In an image editing program, create a new document 210 pixels wide by 100 pixels high (Note: your badge can be whatever size you like). You can use a program like Photoshop, The Gimp, or PhotoFiltre, or a browser-based application.
2. Add the desired text and images to your document. You can create something as simple as text on a colored background, or dress it up with pictures. It’s best to include the name of your blog in a prominent position.
3. Save the document as a JPEG, GIF, or PNG and upload it to your favorite image hosting service– try TinyPic, ImageShack or PhotoBucket.
Adding the badge to your blog
The HTML code for your link will be as follows:
<a href=”http://YOURBLOG.com”><img border=”0″ src=”http://THELOCATIONOFYOURBADGE.jpg”></a>
If you’d like to add a textbox with the code so visitors can easily grab it for their own sites, you’ll also need to include the following:
<form><textarea rows=”7″ cols=”20″ readonly=”readonly”><a href=”http://YOURBLOG.com” target=”_blank”><img src=”THELOCATIONOFYOURBADGE.jpg”/></a></textarea></form>
The number of rows and columns (cols) can be changed to fit your blog’s sidebar as needed. You may have to experiment with that a bit!
Adding your badge to this site!
Once you’ve added your badge to your blog, post the image’s address and your blog’s URL (the complete address with the http:// included) in the comments here and I’ll add it to the sidebar on this site! *Please note that we’re only posting links to fashion & style blogs at this time.
To grab someone else’s badge, simply copy the code from their textbox and paste it into an HTML widget on your blog! Speaking of that, go on and grab my badge…you know you want to.
Update 11/09: We’re no longer able to add the badges that were created based on these original instructions to the site as they’re too wide for the double sidebar. We’ll figure something else out!
Here's my badge. This was a great tutorial!
http://www.stylishthought.com
http://i131.photobucket.com/albums/p297/voguedst/Badge.jpg" border="0" alt="Photobucket"
I love this! Especially thank you for sharing the text box coding–I've always wanted to do this! Thanks!
Here's mine… I made two, I couldn't pick! Just choose one you like :]
http://www.flickr.com/photos/imaginepirineos/3698432635/
http://www.flickr.com/photos/imaginepirineos/3699242656/in/photostream/
& of course my blog link: http://www.sprinkle-diary.blogspot.com/
xxo! Sprinkle M
darling what a great how to do guide, i like your badge and congrats on your the new issue cover!
xx
marian
Thank you so much for this tutorial and the opportunity! I love your blog
I've made two, so whichever one takes your fancy !
http://i28.tinypic.com/ncjsph.jpg
or
http://i25.tinypic.com/ta33wk.jpg
and my blog link: http://ilovetobedazzled.blogspot.com
xo xo
Thanks so much for the tips and I love your mag!
Love you to add mine…
BLOG: http://fashionplatz.wordpress.com
IMAGE: http://i573.photobucket.com/albums/ss178/styletinerary/fashionplatz_blog_badge.jpg
Thanks! x
Thanks for the tutorial and the chance to display my badge! Here is the location of the badge:
http://i30.tinypic.com/16jfu30.jpg
And my website is: http://clandestinechic.com
@Sheena: It looks like the "Image has been moved or deleted" according to TinyPic! Do you have another link?
Just curious: Where in the sidebar will these be going? I see yours from Style Sample & the beginning of one from Stylish Thought but they don't scroll or anything…
@Sprinkle: It looks like it displays differently in Internet Explorer aka the bane of my existence. I'm working on the code.
In the meantime, it displays properly in Firefox, which you can download for free:
http://www.mozilla.com/en-US/firefox/upgrade.html
Not a "fashion focused" blog, unless you count worrying about pet hair on clothes, but we do design & sell apparel for the pet lover and their pets
lol thanks again!
http://24paws.com/blog
http://24paws.com/24Paws-Badge.png
Thanks for this opportunity.
http://img132.imageshack.us/img132/6424/badgexzs.jpg
http://www.mermaidinamanhole.com
thanks for this tutorial =)
http://i116.photobucket.com/albums/o18/michelleame/my-badge-000-Page-1-1.jpg
http://bloomingwithmemories.blogspot.com
thanks for the tutorial, i want to share mine too.
http://melandriaromero.blogspot.com
at the risk of sounding like a dummy…how do i figure out the location of my badge? i have a jpeg created…now what?
how fab!
http://tinypic.com/r/11m449h/4
http://theversastyle.blogspot.com/
That's a great idea!
I have a Danish fashion blog, but have just started to write an excerpt in English, since I have many foreign readers, so I would love for you to ad my badge.
The blog is: http://www.styleintuition.dk
The picture: http://i693.photobucket.com/albums/vv296/panodesign/mlr.jpg
I did it! I'm so proud, thank you so much for your help! So…check me out!
http://i36.tinypic.com/rh22a8.jpg
http://mama-fashionista.blogspot.com
Thanks for the tutorial! I had a lil trouble at first but all's well!
http://www.erraofarre.blogspot.com
http://img39.imageshack.us/img39/7002/65080684.jpg
..thanks for the support!
Here is my badge URL:
http://farm3.static.flickr.com/2704/4066363008_b69abcb072_m.jpg
HERE IS MY FASHION BLOG -
http://fashiondevelopmentgroup.com
Thank you
Hi,
I'd like to add a badge for my blog could you let me know what the new size requirements are?
Thanks,
Danielle
We haven’t reinstated the badges since the redesign, but will be sure to let everyone know when we figure out the best way to do so!
Hi,
I'd like to add a badge for my blog could you let me know what the new size requirements are?
Thanks,
Danielle
I’d like to have my badge added if you are still offering!
My url is http://www.alexandrampatterson.com
and the image url is http://thedesktopdiner.net/images/blogbutton2.jpg
Hello
I would like to add my badge as well 
Url: http://www.tamworddict.blogspot.com
Image url: http://i150.photobucket.com/albums/s81/tammie900/Untitled-3.jpg