How to Put a Code Box in a WordPress Blog Post

1. Create a new WordPress post. Toggle the post to 'Visual' from 'HTML,' which is found at the top-right side of the publishing client. 'Visual' mode prevents code you enter from being taken literally by WordPress.
2. Type the code you want to appear in the code box. Toggle back to 'HTML' mode after you enter the code. The
or ' added to the code is translated; this is normal. The translated codes are known as 'HTML entities' and should not be edited or deleted.

3. Add a
tag before the code begins and
at the end of the code. The
tag determines what is placed inside the code box. Save your post. Code or text entered between the

tags displays in a code box.