h1

How to add a blog badge in WordPress.com

September 4, 2009

Everyone 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.

GrudgeMom.wordpress.com

<a href="http://grudgemom.wordpress.com" target="_blank"><img src="http://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!

About these ads

16 comments

  1. Thanks for posting this! I will definitely make a button for my blog once I move to WP and buy my domain.


  2. 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.


  3. 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.


  4. If you see badges on my blog, you’ll know I applied your instructions well.

    Thanks


  5. Thank you thank you thank you. You saved many chunks of hair from being pulled.


  6. 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?????


  7. 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 :)


  8. 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!


  9. OK…found the text widget….but I am a moron sometimes….how do I find the link to my badge?


  10. …not finding this ‘code tag’ you mention


  11. 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!


  12. wow…last remark was in 2010…im a goner! lol, thanks anyway grudgemom:)


  13. Yeah, I haven’t been on here in a while. WordPress tools for doing this might have changed. I’ll try to look later.


  14. I dont even know where to put the html in the first place


  15. followed your example. no probs. thanks!


  16. 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.



Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 492 other followers

%d bloggers like this: