How to add a blog badge in WordPress.com
September 4, 2009Everyone can tell you how to add a blog badge (aka button) in Blogger. It’s harder to do in WordPress because they don’t allow the textarea tag. But they do provide their own proprietary way of displaying what you want.
<a href="https://grudgemom.wordpress.com" target="_blank"><img src="https://grudgemom.files.wordpress.com/2009/07/button.jpg" alt="GrudgeMom.wordpress.com"></a>
Now how did I do that? WordPress has this fancy code tag [ sourcecode language='html' ] [ /sourcecode ] (without the spaces around the [ and ]) that you can use to display your html as html, without it being stripped. It also comes with a handy “Copy to Clipboard” link and “View Plain” which opens the html in another window as plain text. VERY handy!
No need to use the textarea tag at all for your badge. Just the link, image and end link.
If you can’t get it to work, let me know and I’ll see if I can help.
Edited to add an image of my current code as a sample, in a format that WordPress can’t render!
GrudgeMom 
Thanks for posting this! I will definitely make a button for my blog once I move to WP and buy my domain.
Thank you SO much! I am not technical, but your instructions made it clear enough so that I could figure it out and I was able to post a badge on my blog. YAY!!!
Thanks again.
Thank you for posting the info about the button — although I’m still trying to make sense of it..I’m sure it will all come together soon. Do you still design blog headers and such? I’m finally ready to start mine and I have it drawn out with colored pencils and all — but need your professional touch. I was ready “There’s no snakes in New Zealand” and saw you were recommended. (Love NZ and enjoyed my visit there). Would love to hear from you.
If you see badges on my blog, you’ll know I applied your instructions well.
Thanks
Thank you thank you thank you. You saved many chunks of hair from being pulled.
Dear GrudgeMom,
I’m really really trying to figure out how to set up my badge so others can grab it. I copied yours and stuck my info in it. The badge shows, but I can’t get the code to show under it so it can be copied and pasted on another blog. Can you PLEASE help me?????
what do i copy this into? the only thing i can figure out to add it to is the text widget but then it just displays the code as text. help!! thanks :)
Sorry, I meant to write back to you so much sooner! In my text widget, all I have is
edited to take out the code that WordPress wonderfully displayed as HTML
Take a look at this post again. I am adding an IMAGE of my code. I hope that helps!
OK…found the text widget….but I am a moron sometimes….how do I find the link to my badge?
…not finding this ‘code tag’ you mention
Ok…apparently I am a moron as well because this makes absolutely no sense to me!LOL:) What the heck do I copy and where do i find it!Im so lost!I have the code copied and I just need a place to paste it!
wow…last remark was in 2010…im a goner! lol, thanks anyway grudgemom:)
Yeah, I haven’t been on here in a while. WordPress tools for doing this might have changed. I’ll try to look later.
I dont even know where to put the html in the first place
followed your example. no probs. thanks!
Howdy I am sso excited I found your blog page, I
really found you by accident, while I was looking on Digg for something else,
Anyhow I am here now and would just like to say thanks
a loot for a marvelous posxt and a all round entertaining blog (I
also love the theme/design), I don’t have time to browse it all at the moment but
I have saved it and also added in your RSS feeds, so
when I have time I will be back to redad a great deal more, Please do
keep up the excellent jo.