How do I…? Add Badges

March6


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:
  • Digg
  • del.icio.us
  • Google
  • e-mail
  • Sk-rt
  • StumbleUpon
  • TwitThis
How do I…? Add Badges is written by PYB Design,
filed under How do I...?
7 Comments to

“How do I…? Add Badges”

  1. Skittles GERMANY Says:

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



    On March 6th, 2008 at 9:44 pm
  2. jen UNITED STATES Says:

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



    On March 13th, 2008 at 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!



    On March 13th, 2008 at 10:35 pm
  4. jen UNITED STATES Says:

    buttons aka badges :) Thanks!



    On March 13th, 2008 at 10:35 pm
  5. jen UNITED STATES Says:

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



    On March 13th, 2008 at 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



    On March 21st, 2008 at 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



    On March 21st, 2008 at 11:01 pm

Got something to say?


Come on. Don´t be a lurker.
Write a comment and click on "Add Comment"
You know you want to!


Email will not be published

Website example

Your Comment:

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:-D *ROFL* *grin* ;-) :-( *thumbs-up* *angel* *blush* *WTF* :-) *cool* *hooray* more »




Thank you.


Note: All comments are awaiting moderation - Don´t worry.
Your comment will be published unless our blacklist considers it to be SPAM!
This side is about webdesign, not pen!s design.
We don´t support online poker, either.
Please refrain from trying to add a link to an insurance,
no matter how rediculous the prize might be.
Your bl**dy SPAM will not be published.
Stop wasting your time and get a LIFE. ;-)










Featured Blog


Been caught...





Our Keyhole



Add to Technorati Favorites




ss_blog_claim=e342b564359e653b10ce3fe9b382a2de