HOME ● BEAUTY ● FASHION ● FOOD ● LIFESTYLE ● SHOPPING ● TRAVEL

How To Display Your Badge's HTML Code On Your Blog

by - Thursday, April 16, 2009

This post is a follow-up on my previous tutorial on How To Create A Badge For Your Blog. Since some want to also display their badge codes to allow others for easy grabbing, this tutorial will teach you how to display the code which will look like this blog's display:

Photobucket



Since you already have the badge, you just have to create the box under your displayed badge where you can show your HTML code. Here's what you have to do:
  • Use this code:
    <center><textarea rows="3" cols="17">Paste Your Badge's HTML Code Here</textarea></center>
If you do NOT want your code to be in the center of the page, just delete the <center> and </center> parts of the code.

You can always change the size of your box by changing the numbers of the rows and cols on the code provided.

Hope this helps!

Share
Tweet
Pin
Share
Tags : ,

You May Also Like

45 comments

  1. DeAnna16 April 2009 at 17:21

    Hi,
    Thanks so much for the help making and displaying a badge. It helped me make my own much easier than if I'd had to figure it out for myself. :)

    ReplyDelete
  2. maxiVelasco16 April 2009 at 17:51

    you're welcome DeAnna. it's always a pleasure to be of help. hope you have left your link here so i can visit you back... take care! :)

    ReplyDelete
  3. Bill16 April 2009 at 21:25

    great post here Maxi i bet this will help a lot of people.

    ReplyDelete
  4. maxiVelasco16 April 2009 at 21:36

    thanks Bill! i hope many will find this helpful. :)

    ReplyDelete
  5. David Funk16 April 2009 at 22:25

    Maxi,

    I'm not kidding when I say this, but you just saved me a ton of time with this post! I was actually trying to figure out how to do this when I put up my BWE Throwdown! banner last week!

    Thanks a bunch once again my dear blugging friend for another helpful tutorial!;):)

    ReplyDelete
  6. Nova16 April 2009 at 23:12

    this is a very helpful tips maxi...

    this is fabulous. a perfect shot! thanks for sharing...

    Happy Weekend. Check out mine here:
    HISTORY of SUPERNOVA and SWEETPAINANGELS IN MY LIFE SPICES OF LIFE

    ReplyDelete
  7. maxiVelasco17 April 2009 at 01:31

    really 'd? i am so glad i was able to be of help. :-D

    you are most welcome my blugging buddy 'd! :)

    ReplyDelete
  8. maxiVelasco17 April 2009 at 01:33

    you're always welcome Nova!!! ;)

    ReplyDelete
  9. DeAnna17 April 2009 at 05:00

    You can visit my blog at http://writemoms.blogspot.com I should have my badge up and running any time now.
    DeAnna

    ReplyDelete
  10. Alice Phua17 April 2009 at 08:37

    This is a very helpful tutorial for bloggers! Thanks so much! All the while, I have been cracking my head how to make my own badge plus how to put the code box for people to grab the badge. Thanks once again! See my badge at http://juanorandmommy.blogspot.com/ :)

    ReplyDelete
  11. Madz17 April 2009 at 12:22

    hiya Max, thanks for dropping by and to have left some comments, appreciate it...

    Btw, thanks for posting this tip have really been looking on how to do this one... well, just in time huh!! good job sistah... keep it up!!

    Take care and God bless you always.. ;)

    ReplyDelete
  12. maxiVelasco17 April 2009 at 13:51

    thank you so much Alice! i've dropped by your blog already and have seen the badge. how cute! love it! i am glad that you've found the tutorial easy to follow. thanks for the kind words!

    i am now following your blog, too so i can easily visit your blog as well. take care.. mwah :)

    ReplyDelete
  13. maxiVelasco17 April 2009 at 13:52

    thanks Madz! glad you find the post useful. i really just want to be of help to my fellow bloggers.

    take care, too and see you around! ;)

    ReplyDelete
  14. maxiVelasco17 April 2009 at 13:54

    that's a cute badge! love it! glad you find the tutorial easy to follow! grabbed your badge here already and display it here. very artistic! great job! ;)

    ReplyDelete
  15. maxiVelasco17 April 2009 at 13:56

    here's your finished product! displayed it here for everyone to see! love it so much! ;)

    ReplyDelete
  16. David Funk18 April 2009 at 02:32

    Yes, I'm very glad you helped because I'm going to be making some badges for BWE and when I launch my own anniversary contests that are coming this summer!;):)

    ReplyDelete
  17. maxiVelasco18 April 2009 at 03:08

    anniversary contest? wow! hopefully, it's going to be my very first time to join one. hehe. exciting!

    i am not sure, too what to do on my healthnbeyond.com 's first year anniversary on august 7. i might think of something easy and simple.

    i'm excited to see what your anniversary contest is going to be! will surely be fun! :)

    ReplyDelete
  18. David Funk18 April 2009 at 03:45

    That's cool Maxi!� My blog anniversary is actually in May when it started under another name.� However, my four-year anniversary for blogging which began on August 14 of 2005, too.� Since I have all this BWE posts and other things going on, I'm waiting until summer to start it.� But, I'm going to be making a post soon to begin gathering sponsors.� Plus, I'm still going to be doing the 2009 Class of the WBE Blog of Fame voting this summer, too.
    I'll be happy to help you out with a contest because you definitely deserve to have one after all you've done in the blogging community.:)
    Good night to my dear blugging friend!;):)

    ReplyDelete
  19. meryl18 April 2009 at 16:44

    thank u for sharing sis.
    your post really helps especially to those newbie here in blogosphere.
    You have interesting post here sis ;)

    Ingatz palagi. Happy weekend :)

    ReplyDelete
  20. maxiVelasco18 April 2009 at 18:56

    i am so glad to know that you can help me out with my anniversary contest. hihi.

    oh... May? that's next month already. exciting! blogging since 2005... great! gosh gosh. you also deserve to get lots of sponsores from friends :-D i will be looking forward to that post about gathering sponsores. will surely become one of them!

    have a great day blugging 'd! :-D

    ReplyDelete
  21. maxiVelasco18 April 2009 at 18:58

    hello meryl! i am glad that my posts here can help my fellow bloggers. i just want to share a what i know to them, too!

    ingats ka din lagi. mwah ;)

    ReplyDelete
  22. Chuchie18 April 2009 at 20:41

    wow sis, thanks a lot, as in a lot talaga for sharing this info..i have been having trouble lately on how to show my html code for my badge..mwahh luv yah a lot

    ReplyDelete
  23. forgetful Princess20 April 2009 at 14:33

    Friendship, thanks for teaching me how to post my badge..hehehe

    have a nice day.

    ReplyDelete
  24. Pu320 April 2009 at 20:30

    Thank you! Thank you!!!

    U help me so much! :D :D :D

    ReplyDelete
  25. Nova22 April 2009 at 03:16

    one sweet idea to help those who wanted to put badge to their pages/ blogs... dear done with your blogger award, check out my page if you have time...

    HISTORY of SUPERNOVA and SWEETPAIN
    ANGELS IN MY LIFE
    SPICES OF LIFE

    ReplyDelete
  26. maxiVelasco22 April 2009 at 21:56

    welcome Chuchie! i am glad i can help! :)

    ReplyDelete
  27. maxiVelasco22 April 2009 at 21:56

    hehe. welcome Tamz! :)

    ReplyDelete
  28. maxiVelasco22 April 2009 at 21:56

    welcome! welcome Pu3! :)

    ReplyDelete
  29. maxiVelasco22 April 2009 at 21:57

    yup Nova! really want to help somehow...

    ReplyDelete
  30. Lizze2 October 2009 at 04:47

    Thank you so very much for this information and the tips on the badge html! I've been trying to figure this out FOREVER! So thank you, thank you, thank you! :-D

    Recent blog:=- Thursday Thirteen ~ 13 Shows I'll Always Love

    ReplyDelete
  31. Sara's Whimsy29 October 2009 at 00:13

    I DID IT I DID IT I DID IT!!! Wooo Hooo! Finally! Thanks so much for your help! :*

    Recent blog:=- Overboard Versus....Underboard?

    ReplyDelete
  32. MakeupByLaurenP29 November 2009 at 18:38

    Thanks so much for this! I was wondering how I could give the html to people! I now made my own badge! =)

    Recent blog:=- Happy Thanksgiving Everyone!

    ReplyDelete
  33. Mary Anne Velasco29 December 2009 at 18:30

    that's nice to know!!! enjoy your badge!

    ReplyDelete
  34. Mary Anne Velasco29 December 2009 at 18:30

    now you know how to share your html code to others! good job for you!

    ReplyDelete
  35. Anonymous2 July 2010 at 18:51

    Thanks for this - very helpful!

    ReplyDelete
  36. MaxiVelasco15 September 2010 at 15:24

    you are very very welcome.  :-D

    ReplyDelete
  37. lex22 September 2010 at 14:39

    thanks! very helpful post. i was able to create my badge :)

    http://philippinecasedigests.blogspot.com

    ReplyDelete
  38. MaxiVelasco23 September 2010 at 00:00

    I am always glad to help.  Have a great day!  Enjoy your new badge!

    ReplyDelete
  39. Rebecca L25 December 2010 at 21:10

    I have to say, this was the best tutorial I found so far. Thank you for all your help in making and setting this up correctly on my blog
    http://onemoreflewoverthecuckoo.blogspot.com/

    ReplyDelete
  40. Veronica frm Everyday Fish Phil24 January 2011 at 08:56

    Hi Maxi,

    You are angel sent from above lol, I'm really happy I found your blog, I was googling how to make a badge for free, until I saw your blog. This is a big help for a lot of bloggers who just starts out and still confused. Once again thanks a lot. I'll add your blog to my links. God bless

    Veronica
    http://www.everydayfishphil.com

    ReplyDelete
  41. MaxiVelasco27 January 2011 at 15:24

    Hello Veronica. As always, I am happy to help in any possible way I can.  I am so glad to know that I've helped you.  Hugs!

    ReplyDelete
  42. Sujeiry, 1st Lady of Love3 March 2011 at 06:43

    Thanks for this! So needed it and you explained it flawlessly :)
    http://lovesujeiry.com

    ReplyDelete
  43. grisel rey1 April 2011 at 16:27

    I just came across your blog while I was searching for a way to create a badge for my blog. thank you so much, your posts helped and were easy to follow. I am now following you & looking forward to reading more! :-D

    Grisel

    http://grisel-livinglife2fullest.blogspot.com/

    ReplyDelete
  44. Natures Conspiracy6 April 2011 at 03:40

    This was so helpful, I have never had any idea how to do this - thanks so much for all your detailed instructions!

    ReplyDelete
  45. Michie16 February 2012 at 08:26

    cool..thanks a lot.

    ReplyDelete

Thank you for dropping by and sharing some love! You're lovely!

Maxi
Ovah Coffee
Homeaholic
Travels and Wish Lists