How to Use BBCode

Last Updated: July 18, 2022

BBCode is an extremely simple version of formatting, which many forums and browser-based games allow. While the amount that is usable is always going to be limited, we'll go over a majority of the codes and their effects here. Using this How-to, you'll be an "expert" in BBCode in no time.

1

Make text bold.

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/86\/Use-BBCode-Step-1Bullet1.jpg\/v4-460px-Use-BBCode-Step-1Bullet1.jpg","bigUrl":"\/images\/thumb\/8\/86\/Use-BBCode-Step-1Bullet1.jpg\/aid631289-v4-480px-Use-BBCode-Step-1Bullet1.jpg","smallWidth":460,"smallHeight":307,"bigWidth":480,"bigHeight":320,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
Surround text with [b] [/b] to make it bold. Any text between the [b] and [/b] will appear in strong bold letters once you post your message.
- For example, typing [b]wikiHow[/b] will make the word wikiHow bold.

2

Use italics for emphasis or titles.

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/77\/Use-BBCode-Step-1Bullet2.jpg\/v4-460px-Use-BBCode-Step-1Bullet2.jpg","bigUrl":"\/images\/thumb\/7\/77\/Use-BBCode-Step-1Bullet2.jpg\/aid631289-v4-480px-Use-BBCode-Step-1Bullet2.jpg","smallWidth":460,"smallHeight":307,"bigWidth":480,"bigHeight":320,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}

Again, make sure you place [i] at the beginning of the text, and [/i] at the end.

3

Underline text to make it stand out.

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Use-BBCode-Step-1Bullet3.jpg\/v4-460px-Use-BBCode-Step-1Bullet3.jpg","bigUrl":"\/images\/thumb\/1\/1e\/Use-BBCode-Step-1Bullet3.jpg\/aid631289-v4-480px-Use-BBCode-Step-1Bullet3.jpg","smallWidth":460,"smallHeight":307,"bigWidth":480,"bigHeight":320,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}

All text between these two tags will have a single underline.

4

Cross out text with the strikethrough tag.

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/29\/Use-BBCode-Step-1Bullet4.jpg\/v4-460px-Use-BBCode-Step-1Bullet4.jpg","bigUrl":"\/images\/thumb\/2\/29\/Use-BBCode-Step-1Bullet4.jpg\/aid631289-v4-480px-Use-BBCode-Step-1Bullet4.jpg","smallWidth":460,"smallHeight":307,"bigWidth":480,"bigHeight":320,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}

This puts a single line through the text, generally used to suggest that something is no longer applicable.

5

Use the color and size tags to customize the font.

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b7\/Use-BBCode-Step-1Bullet5.jpg\/v4-460px-Use-BBCode-Step-1Bullet5.jpg","bigUrl":"\/images\/thumb\/b\/b7\/Use-BBCode-Step-1Bullet5.jpg\/aid631289-v4-480px-Use-BBCode-Step-1Bullet5.jpg","smallWidth":460,"smallHeight":307,"bigWidth":480,"bigHeight":320,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
The "color" and "size" tags work a little differently. With these bb codes, you'll specify a color or font size to customize the text between the tags.
- The color tag takes both color names and hex codes. You'll use it like this: color="red"]this text will be red[/color] .
  - In the citations, there are links which have lists of colors.
- [size="number"] text here will be the 3 points [/size]

6

Add images to your posts.

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0e\/Use-BBCode-Step-6.jpg\/v4-460px-Use-BBCode-Step-6.jpg","bigUrl":"\/images\/thumb\/0\/0e\/Use-BBCode-Step-6.jpg\/aid631289-v4-728px-Use-BBCode-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
The image tag follows the format [img=http://www.LinkGoesHere.com/images/example.jpg] Just replace the sample link with the location of the photo on the web. This displays the image within your post.
- Get an image's location on a site by right-clicking and selecting Properties, then copying the "Image Location". Depending on the browser, the same function can be done by right-clicking and selecting "Copy Image URL".

7

Include a hyperlink to any website.

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1f\/Use-BBCode-Step-7.jpg\/v4-460px-Use-BBCode-Step-7.jpg","bigUrl":"\/images\/thumb\/1\/1f\/Use-BBCode-Step-7.jpg\/aid631289-v4-728px-Use-BBCode-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}

For example, [url= http://www.google.com ]my own link text[/url] would create a link to Google. When a reader clicks my own link text , they'll go to Google.com.

8

Quote another post in your response.

Download Article

{"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/73\/Use-BBCode-Step-8.jpg\/v4-460px-Use-BBCode-Step-8.jpg","bigUrl":"\/images\/thumb\/7\/73\/Use-BBCode-Step-8.jpg\/aid631289-v4-728px-Use-BBCode-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
Surround the text you want to quote with [quote] [/quote] tags. All text within the quote tags will appear in your message in italics.
- Most forums have a Quote button hat you can click to instantly quote another user. You'll rarely have to enter this code yourself.

Community Q&A

Search

Add New Question

Question

How to add two pictures (left and right) in 1 layer?

Nukesh Aravind

Community Answer

Very simple just edit it with MS paint. Just Copy the picture and past it in plain MS office and copy the next picture then past it in the same paint window. You can edit the background in the same way and then you can merge the both in the one single image. You can also try Photoshop if you need it with more effects.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 9 Helpful 1
Question

Do you have to download a app before BBCode can work on your system?

Jackson Ferguson

Community Answer

You shouldn't. All modern operating systems support BBCode. If it's not showing, try updating your system.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 0 Helpful 0
Question

How to make dropshadows using BBCode?

Bommasani Nagendra

Community Answer

To make a dropshadow using BBCode: Start by placing the text or image in a container (like [div], [span], [p], or [table]). Next, add CSS code for the drop shadow using the [style] tag. The code is: "text-shadow: 2px 2px 5px #000000;". Add this code to the container. Adjust position, blur radius, color, and add more shadows as needed. Add "inset" to create an inset shadow effect. Keep in mind that not all forums support BBCode or CSS, so check first.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 0 Helpful 0

See more answers

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Tips

Always preview what you are doing before you submit it.

Thanks
Helpful 0 Not Helpful 0
Always follow rules of the sites you are using these on.

Thanks
Helpful 0 Not Helpful 0
A majority of sites have a lot of BBCode disabled or limited. Some codes that are allowed on a majority of sites are [b], [i], and [u].

Thanks
Helpful 0 Not Helpful 0

Submit a Tip

All tip submissions are carefully reviewed before being published

Name

Please provide your name and last initial

Submit

Thanks for submitting a tip for review!

Warnings

Don't overuse BBCode. The sites that do allow it generally have some rules controlling the use of it. Read these before attempting to use it.

Thanks
Helpful 0 Not Helpful 1
Avoid nauseous colors like "vivid orange" and "neon green" when posting, if BBCode is enabled and color is allowed. It's considered spam by some forums, and frowned upon.

Thanks
Helpful 0 Not Helpful 0

Log in

How to Use BBCode

Steps

Make text bold.

Use italics for emphasis or titles.

Underline text to make it stand out.

Cross out text with the strikethrough tag.

Use the color and size tags to customize the font.

Add images to your posts.

Include a hyperlink to any website.

Quote another post in your response.

Community Q&A

Tips

Warnings

You Might Also Like

References

About This Article

Is this article up to date?

About This Article

Quizzes

You Might Also Like

Featured Articles

Trending Articles

Featured Articles

Featured Articles

Watch Articles

Trending Articles

Quizzes

Explore Categories