How to Edit the HTML in a Blog
Adding HTML to a blog entry allows the blog author to add images, videos, lists and other formatting that will make the blog stand out from the rest. Numerous options for HTML codes exist that can be used in blog posts: list, images, style formatting, hyper-linking and beyond. Three popular blogging sites--Blogger, WordPress, and LiveJournal--offer the option to edit the HTML in blogs; however, each program is slightly different.
Other People Are Reading
Instructions
-
Blogger
-
1
Select "Edit Posts" under the blog that you wish to edit. This takes you to a list of all blog posts within that specific blog.
-
2
Click "Edit" next to the specific blog post you wish to edit.
-
-
3
Click the "Edit HTML" tab, located next to the "Compose" tab in the upper-right corner of the post editing screen.
-
4
Scroll down the blog post to find which part you'd like to edit. A few simple HTML options are available in the top menu, including bold, italic, hyperlink, quote, add image and add video. More advanced HTML codes can be used; however, you'll have to add them in on your own. (See Resources for additional HTML codes.)
WordPress
-
5
Click "My Dashboard" from the start menu after logging in to the WordPress account.
-
6
Click "Posts," located on the left side of the screen and denoted by a push-pin icon.
-
7
Place the mouse pointer over the post you wish to edit. Below the title, several options appear. Select "Edit."
-
8
Select the "HTML" tab, located to the right of the "Visual" tab in the upper-right corner of the editing screen.
-
9
Edit the specific HTML code you wish to change. In addition, WordPress offers HTML codes for bold, italic, hyperlink, block-quote, strikethrough, date/time insert, image, unordered list, ordered list, code and "more" codes. Ensure that you close the HTML codes by selecting "close tags" in the HTML editor.
-
10
Click "Proofread" to have the program automatically check whether the HTML codes are correctly used, and alert you to any mistakes in the HTML code.
LiveJournal
-
11
Select "Edit Entries" under the "Journal" tab.
-
12
Click the "Edit Entry" button next to the post you wish to edit.
-
13
Select the "HTML" tab, located to the right of the "Rich Text" tab in the upper-right side of the editing screen. The post now appears with the HTML code aspects in place, designated by the <> symbol.
-
14
Review the entry. Change or add the desired HTML code by typing in the beginning of the code before the word(s) that need to be changed, and ending the code after the word(s) that will be changed. See Resources for codes that can be used. In addition, LiveJournal offers HTML codes for adding an image or media, which can be done by clicking on the desired button within the HTML edit screen.
-
1
Tips & Warnings
Pay close attention to every aspect of the HTML code being entered. One erroneous punctuation mark, space or letter will cause the HTML code not to work.
Memorize frequently used HTML codes, such as: <b></b> for bold or <a href= http://www.sitetonavigatetohere.com></a> . This will come in handy when using HTML.
Resources
- Photo Credit blog image by Ewe Degiampietro from Fotolia.com
