How To Do Neato Formatting In Comments

Here’s a primer on how you can bold, italicize, hyperlink and blockquote in The Consumerist (or any Gawker blog) comments.

Please remember to close your format tags by putting the necessary close tag. Otherwise your formatting will run over everyone else’s chit chat.

Likewise, if you notice someone forgot to close their comments, you can do it for them by adding the necessary close tag as a comment. — BEN POPKEN

Comments

Edit Your Comment

  1. Grrrrrrr, now with two buns made of bacon. says:

    A very

    useful

    guide indeed.

  2. weave says:

    I always wondered where the @ notation of quoting someone came from. Is that an unofficial convention? Should it be combined with blockquote like:

    @dwayne_dibbly: A very useful guide indeed

    Finally, am I too OCD? I just want to “fit in.” :)

    btw, love the new design.

  3. Vinny says:

    Oh no… Not b and i

    You should be using STRONG for bold and EM for italics…

    It’s just more XHTML that way…

  4. Anonymously says:

    The

    blockquote

    image is a little big, IMO.

    Also, wouldn’t it be easy to parse a post and close tags automatically?

  5. JosephFinn says:

    Huh. It’s an interesting image, but a mite bit large, isn’t it? And it might be nice to have a ending image as well, but maybe I’ just being greedy. Is it possible to have an endquote image on the right side of the blockquote?

    -Joseph J. Finn

  6. SuperJdynamite says:

    Maybe you could add a help link with this information immediatly above the comment box?

  7. Amy Alkon says:

    Hey, thanks for the tip that you can put a close tag on somebody’s comment (by putting it at the start of yours) after they forget. Never knew that.

  8. Grrrrrrr, now with two buns made of bacon. says:

    I like SuperJdynamite‘s idea of leaving a guide to supported HTML tags somewhere that’s easily accessible. If not above the comment box, then maybe have a quick link handy so while we’re writing our snarky comments, we can quickly look up the tags.

    Alas, one of my favorites, the STRIKE tag doesn’t seem to work :(

  9. Xkeeper says:

    Oh no… Not b and i

    You should be using STRONG for bold and EM for italics…

    It’s just more XHTML that way…XHTML is for stupid Web2.0 morons. (Unforunately, this comment system is very AJAX/Web2.0-y and it shows by how often it’s reported broken. Oh well.)

    Stick with <b> and <i>.

    (Hell, wasn’t <strong> depricated in an old version of HTML?)

  10. Antediluvian says:

    Thanks for the list.
    I liked the old blockquotes better– to be honest, the graphic images don’t look like “quotes” to me. Maybe something a little more “quotey”?
    And I would love strikeout, but we can’t have everything.

  11. RumorsDaily says:

    Man, I love a good STRONG tag. Nothing better.

  12. Her Grace says:

    Like dwane, my favourite (the strike through), is missing. I’m glad to see that…basic html is alive and well on the Consumerist?

  13. karmaghost says:

    I like the way that blockquotes work on the Giz, just a nice aqua/greenish rounded rectangle around the text.

  14. medalian1 says:

    about time this was explained … I looked all over the site like a month ago trying to find it.

  15. Ben Popken says:

    Vinny, we actually use and when writing posts, but we thought it would be easier for commenters to remember and .

  16. Narnia says:

    Just don’t forget to close your BIG TAGS…

  17. mantari says:

  18. savvy999 says:

    strikethrough would be nice addition to increase snark value.

  19. QuantumRiff says:

    as a feature request, “nested” comments would be much easier from a readability standpoint.. Its difficult to follow a conversation when the reply’s are way down below in the comments.. I spend lots of time scrolling up and down to follow discussions..

  20. synergy says:

    What, no mention of how to do this?

  21. synergy says:

    I also don’t like the huge quotation marks that don’t look like quotation marks. A colored box around a quoted comment like someone else already mentioned would be much better. Nested comments would be great, too.

  22. SoFlaSnowMan says:

    What, no <blink> tag? :D

    Never mind.

    Boy, do I miss Web 0.5!

  23. Namilia says:

    Boy do I feel like a tard! I’m so new to all of these codes despite having been on this blog for months!

    How do you do pictures..? :S

    Pie is good. Except for chicken pot pie. It has e-coli.

  24. MYarms says:

    Wow I didn’t know that people would actually argue about HTML in comments. I wish my life was that easy.

  25. JAYEONE says:

    Thanks for the instructions…now I don’t feel like such a dork!

  26. JAYEONE says:

    @mantari: SWEET! (you showoff!)

    :)