PYB Design

Be unique. Be delicious. Be yourself.

Hey there, my friends! Pimp Your Blog has moved.
You are re-directed to the new domain http://sanni-licious.com/Pimp-Your-Blog
Please update your bookmarks and feedreader. Thank you! ♥






« How do I…? Make Scroll Boxes
Handpainted Favicons FOR FREE »

How do I…? Add Badges

March 6th, 2008 at 2:09pm |


On special email demand of a special friend:

How do I…

… add a my badge with a textarea?

On several blogs, you´ll see a box under the blog’s badge with the HTML code for people to add the button to their own blogs, like mine:


Pimp Your Blog

All your readers have to do is copy and paste the HTML into their own sidebar, and *BOOM* there’s your pretty badge linking back to your site. Cute.

So, how do you do this?

Here´s the html code:

<a href=”http://YOUR URL HERE”><img src=”http://YOUR IMAGE URL HERE” border=”0″ height=”125″ width=”125″ /><textarea width=”125px” rows=”3″ cols=”15″ class=”tiny” name=”1″><a href=”http://YOUR URL HERE”><img border=”0″ width=”125″ src=” http://YOUR IMAGE URL HERE” height=”125″ />/a></textarea>

This is the HTML coding example for the Pimp Your Blog badge

<a href=”http://pimp-your-blog.blogspot.com”>
<img src=”http://i196.photobucket.com/albums/aa267/Pimpyourblog/PYB-badge.jpg” border=”0″ height=”125″ width=”125″ />
<textarea width=”125px” rows=”3″ cols=”15″ class=”tiny” name=”1″><a href=”http://pimp-your-blog.blogspot.com”><img border=”0″ width=”125″ src=” http://i196.photobucket.com/albums/aa267/Pimpyourblog/PYB-badge.jpg” height=”125″ />/a></textarea>

Have fun!

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Google
  • e-mail
  • Sk-rt
  • StumbleUpon
  • TwitThis
Posted in How To, How do I...?, badge, helpdesk, textarea
RSS 2.0 | Trackback | Comment

7 Responses to “How do I…? Add Badges”

  1. Skittles GERMANY says:

    I did it!!! TY TY TY!!! :)

    at March 6th, 2008 - 9:44 pm
  2. jen UNITED STATES says:

    Thank you! I made my first button! SO MUCH FUN!!!

    at March 13th, 2008 - 9:37 pm
  3. jen UNITED STATES says:

    One quick question. . . Can you tell me what I need to change in the code to make it so I just have the button appear? I just want the button picture showing (not necessarily the code underneath) for some of the buttons I have made. THANKS SO MUCH!

    at March 13th, 2008 - 10:35 pm
  4. jen UNITED STATES says:

    buttons aka badges :) Thanks!

    at March 13th, 2008 - 10:35 pm
  5. jen UNITED STATES says:

    Nevermind, I figured it out!!! Sorry for all the comments!

    at March 13th, 2008 - 11:02 pm
  6. jen UNITED STATES says:

    Okay, so I made these badges and they work great. Only thing is when I use them the Textarea part doesn’t work. If you click on it to copy the code, it just re-freshes whatever link is inside the code or pulls up the link for that badge. Does that make sense? I’ve noticed that yours does not do that, but I went and tried one that Barb did at Skittle’s place and hers re-freshes the page as well. Can you help me out! I’d really appreciate it! THANKS!!

    jen’s last blog post..Fitness on Friday #1

    at March 21st, 2008 - 9:53 pm
  7. Sanni GERMANY says:

    @ Jen: I send you an email with the code ;-)
    Sanni’s last blog post..Love Is The Answer

    at March 21st, 2008 - 11:01 pm