How to Create Numbered lists Using Blogger And Html Codes

In this post we are going  to learn how to create a numbered list in blogger and how to customize it with HTMl codes. Creating a numbered list is very easy. If you are familiar with Microsoft word and other text editing softwares, it is the same way to create lists in blogger too. There are few options you can use if you are using HTML mode. in addition to these options you can specify at which number the list should start and the number format also.

Now on we are posting our tutorials on new blogger interface. If you are not familiar with it, then click here to read the main content on the new blogger interface. 


Open a new post and hit Numbered list on the tool bar.


Now you will see the first number as 1. Type the first value and press enter then blogger will automatically add the second number. enter the text and press enter again. keep doing it until you finish your list. When you finished creating your numbered list press Enter button twice to stop adding numbers and start typing normal paragraph again. 


Now lets see how we can customize our number list using the Edit Html section. You can see the html and compose mode buttons on the left side of the new post tool bar in new blogger view. In html we call numbered lists as Ordinary lists. we use <OL> tag to create a numbered list and <li> tag ( List Items ) to add the numbered list. look at the following code and the result of that code. you can create that list using only the html code.



<ol>
<li>This</li>
<li>Is a</li>
<li>Numbered list</li>
</ol>

1. This 
2. Is a 
3. Numbered list

Think if you want to break the numbered list on the 3rd item and add a little information under it and start the list after the paragraph with number 4. then you can use this code when starting the list again. 


<ol start="4">


Now your second numbered list will start from number four. Try numbered lists with changing options like colors fonts with html and compose mode

View full article here