ASK DAVE TAYLOR

ASK DAVE TAYLOR

  • Home
  • Video Help
  • Latest Reviews
  • Most Popular
  • Top Categories
  • About Dave
  • Ask!
  • Home
  • Video Help
  • Latest Reviews
  • Most Popular
  • Top Categories
  • About Dave
  • Ask!
  • Home
  • / HTML and Web Design
  • / What is BBCode and how do I use it?

What is BBCode and how do I use it?

 December 24, 2004 /  Dave Taylor /  HTML and Web Design, Wordpress Help /  21 Comments

Dave, I read your HTML primer for bloggers, but I’m confused because on the sites I add comments, I have to use something called bbcode, not HTML. What is bbcode and how do I use it?

I haven’t seen many weblogs that require BBCode, I have to say, but there are lots of discussion boards that require postings be written in BBCode rather than HTML. The main reason, as far as I can tell, is so there’s some control over people not adding unauthorized HTML sequences (like including pictures from unaffiliated Web sites) because it doesn’t seem that much easier than HTML when you look at the two.

Be that as it may, there are now a lot of different sites that are BBCode enabled, so let’s have a look at how it works…

The basic difference between BBCode and HTML is that while HTML uses < and > to surround tags, BBCode requires that you use [ and ]. Once you realize that, it’s pretty smooth sailing.

For example, bold text is produced with [b]text to have in bold[/b], while italics is generated with [i] and [/i] and underlining (which is still a bad idea on a Web page, even in BBCode) is done with [u] and [/u].

Font color and size changes are accomplished with deprecated HTML “font” tag attributes: [color=red]text in red[/color] turns some text red, for example. You can also specify the hexidecimal color equivalent if you’re a purist (that is, use [color=#ccff00]), and text size can be specified as a value of 1..29, where [size=1]1=very small text[/size] and [size=29]29=really big text[/size]. The more modern way to specify these type attributes in the HTML world is to use CSS styles, but that’s another story. 🙂

A surprising number of boards that use BBCode also support special code listing blocks denoted with [code] and [/code]. Within these two tags, all < and > symbols are translated into their displayable equivalent (the HTML character entities &lt; and &gt;) so that you can share HTML code with other board members.

On sites that allow links to be created, there are two ways you can produce a hypertext reference in BBCode. The easiest is to tell the system that you’re entering a Web site address — a URL — and that you want it clickable. To point to this Web site, for example, you’d use this: [url]https://www.askdavetaylor.com/[/url]. If you want to get a bit more fancy and have a few words that are clickable, then you need to separate the clickable words from the URL of the target site, as with regular HTML. To have the words “Dave Knows” link to this site, use this: [url=https://www.askdavetaylor.com/]Dave Knows[/url].

Finally, a small number of sites will let you include images using the [img] tag. It’s completely analogous to the simpler of the URL forms shown earlier, and linking to, say, the cheery Yahoo Instant Messenger graphic on their home page can be accomplished with: [img]http://us.i1.yimg.com/us.yimg.com/i/ww/bt1/msg.gif[/img]. By the way, just because you can include a graphic doesn’t mean you should or are allowed to…

That’s about it for the BBCode language. You can combine multiple tags in a sequence if you want blue, bold, URLs, for example (you’d use [color=blue][b][url]the URL[/url][/b][/color]). Just make sure that you always close links from innermost to outermost, just like parentheses in your writing!

Hope that helps you figure out how to use BBCode to its fullest!

Let’s Stay In Touch!

Never miss a single article, review or tutorial here on AskDaveTaylor, sign up for my fun weekly newsletter!
Name: 
Your email address:*
Please enter all required fields
Correct invalid entries
No spam, ever. Promise. Powered by FeedBlitz
Please choose a color:
Starbucks coffee cup I do have a lot to say, and questions of my own for that matter, but first I'd like to say thank you, Dave, for all your helpful information by buying you a cup of coffee!

21 comments on “What is BBCode and how do I use it?”

  1. Gloria Patricia says:
    January 3, 2018 at 5:54 am

    Thank you so much for the detail explanation. I was searching to know more about BB code and got this great article from google search. Thanks for nice work.

    Reply
  2. Hussey kevin says:
    February 3, 2017 at 4:12 am

    Thanks Sir What an great idea

    Reply
  3. nitin says:
    December 5, 2016 at 11:09 am

    Is this bbcode is only used for forum purpose or any other commercial purpose. Kindly any one guide, i want to know more about that code.

    Reply
  4. Jakob Behandler says:
    July 9, 2016 at 3:06 pm

    Thanks for a simple and well written guide!! Much appreciated!!

    Reply
  5. pavan kumar says:
    February 3, 2016 at 7:04 am

    Taylor,
    I need to Reduce the Buttton Size in BBcode but as of Now i’m using the Code like follows
    [div class=”wm-button”]askdevtaylor[/div]

    but it’s getting same constant size for any word / Sentence. I need to Reduce the Length of the button.Could you please help me out.I’m New Techie to this BBCode

    Reply
  6. Albert Dodd says:
    August 24, 2015 at 9:03 am

    To answer the above two references in the top of the Reply Box there is a little icon that looks like a Movie Director snap board to start and stop sequences. Use it to insert your video links.

    Now if you are in the Quick Reply mode it is not the. So make sure you use the Reply mode.

    Dave,

    I would like to use the Post in a Thread to make a Response Form using BBCode.

    I see it as the only way since most Forums dont let you into the cPanel or access to files for the Forum.

    I wouldl ike to know how to write that line of BBCode to make it work.

    Any ideas on this?

    Reply
  7. Fares says:
    November 21, 2013 at 5:01 pm

    This was very helpful, Dave. [b]Thank you[/b]

    Reply
  8. Paul Dianov says:
    February 26, 2012 at 12:03 pm

    A great tutorial how to use BBcodes for newbies. I am sure that this article will help a lot of people understand the basics on BBcodes. Congrats for the great post and please keep writing interesting articles. Thank you 🙂

    Reply
  9. Sonis says:
    February 11, 2012 at 7:04 am

    [color=blue] thanks @dave it really works[/color]

    Reply
  10. Jay says:
    October 7, 2011 at 10:05 am

    Thanks you for taking the time to post this. It took care of my issue. Thanks.
    Jay

    Reply
  11. Robert Perez says:
    August 13, 2011 at 7:10 pm

    I was going nuts trying to figure out how to put a banner on my signature in a forum. Thanks for info.

    Reply
  12. Marlin says:
    June 13, 2011 at 8:58 pm

    Can I adjust the left/right margins of my post in BBCode? If so how is this done?
    Regards

    Reply
  13. Dan says:
    March 21, 2011 at 10:10 am

    Great information about writing bb code. I did not know how to change the colors or bold or anything. Then after reading this page I was like, oh bold it the same way you would HTML, duh! lol Thanks so much for this information, I bookmarked your page!

    Reply
  14. Faraz Nizamani says:
    March 5, 2011 at 9:48 pm

    Thank you for your kind information…

    Reply
  15. Gucci says:
    January 2, 2010 at 10:15 am

    hi dave,
    i have one doubt, can i change the font using bbcode. here i am not talking about changing the size instead i would like to change the font style.
    hope you understood what my doubt was…
    please help… thanks..

    Reply
  16. Eduardp says:
    July 27, 2009 at 12:26 pm

    [b][color=red]it wasn´t all but it was enough ![/b][/color]
    thanks
    [b]God[/b]bless you

    Reply
  17. Corrina Y says:
    July 13, 2009 at 5:01 pm

    Thank you so much for this. I just made an account on Gaia Online and it required this BBCode and I was really confused as to what it was. I’m so used to HTML that this was just a different language… Now that I see the similarity, I just feel stupid haha.
    Thanks again!
    -Corrina

    Reply
  18. charlotte says:
    June 3, 2008 at 10:13 am

    how do i get symbols with this code?

    Reply
  19. craig says:
    November 26, 2007 at 8:56 pm

    Hello Dave. Thanks for the description on BBCode.
    I was wondering if you could answer another question on this…
    How do you set up the page to use this code? In other words, what do you need to put on the page in addition to the tags?
    I don’t know anything about programming, except that with html you put at the top and at the bottom, with the tags and content in between. Is there anything equivalent to that tag at the top and bottom in BBCode?
    I am trying to post a message to a site that requires BBCode, but when I use the BBCode tags, it doesn’t work. Nothing works, and I just get this text all bunched together, and I can’t figure out how to use the code so I can have line breaks etc.
    Any advice would be welcomed.

    Reply
  20. Carl Nelson says:
    June 28, 2007 at 11:04 pm

    Dear Dave,
    The BBCODe for posting YouTube and Google Videos does not work on the forums I frequent.
    I can post YouTube videos by using the following format:
    [flash width=425 height=350]http://www.youtube.com/v/KaZLgEnka8w[/flash]
    but this does not work for GoogleVideo or LiveVideo.
    Do you know what WILL work for those?
    Thanks,
    Carl Nelson

    Reply
  21. ariel says:
    May 13, 2007 at 8:54 pm

    but what about video from youtube?

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

© 2018 by Dave Taylor. "Ask Dave Taylor®" is a registered trademark of Intuitive Systems, LLC.
Privacy Policy - Terms and Conditions

  • Privacy Policy
Search website

SHARE

Tweet

ADDITIONAL INFO

Search

Recent Posts

  • How Can I Stop Google Chrome Notification Spam?
  • VPNs and Speed: Does a VPN Slow Down Your Internet Speed?
  • Help me Identify this Song with Garbled Lyrics!
  • Right Click in Gmail. You’ll Love It.
  • Set Adobe Reader as Default PDF Program in Windows?

On Our YouTube Channel

How to Choose a Web Hosting Company, with Dave Taylor

Categories

  • AdSense, AdWords and PPC Help (106)
  • Amazon Kindle Help (56)
  • Android Help (114)
  • Apple Watch Help (47)
  • Articles, Tutorials and Reviews (301)
  • Business Advice (177)
  • Computer and Internet Basics (661)
  • d) None of the Above (155)
  • eBay, Amazon and Online Shopping Help (145)
  • Facebook Help (331)
  • Gmail Tips & Help (107)
  • Google Plus Support (59)
  • HTML and Web Design (235)
  • Instagram Help (39)
  • iPad Help (128)
  • iPhone Help (522)
  • iPod and MP3 Player Help (181)
  • LinkedIn Help (68)
  • Linux Help (124)
  • Linux Shell Script Programming (83)
  • MacOS X Help (743)
  • Most Popular (5)
  • Pinterest Help (50)
  • SEO Tips and Tricks (78)
  • Trade Show Updates (23)
  • Twitter Help (201)
  • Video Game Tips and Reviews (66)
  • Web Site Traffic Tips (61)
  • Windows Help (695)
  • Wordpress Help (194)
  • Writing and Publishing (70)
  • YouTube Help (36)
  • YouTube Video Reviews (159)

Archives

Social Connections:

Ask Dave Taylor


Follow Me on Pinterest
Follow me on Twitter
Follow me on LinkedIn
Follow me on Instagram


AskDaveTaylor on Facebook