How to insert a section of code in Blogger easily

Insert this section of in HTML View:

<ol start="1" style="background-color: white; border: none; color: #5c5c5c; font-family: Consolas, 'Courier New', Courier, mono, serif; font-size: 12px; line-height: 26px; margin: 0px 0px 1px 45px !important; padding: 0px;">
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; color: inherit; line-height: 18px; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="background-color: inherit; border: none; color: black; margin: 0px; padding: 0px;">The First line</span></li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; line-height: 18px; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="background-color: inherit; border: none; color: black; margin: 0px; padding: 0px;">The second Line</span></li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; color: inherit; line-height: 18px; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="background-color: inherit; border: none; color: black; margin: 0px; padding: 0px;">The Third Line;</span></li>
</ol>

(In order to avoid confusing, I just past html code here without code format.  )

Then the page would show as this in Compose View:

1. The First line
2. The second Line
3. The Third Line;

Use it as a template, you can edit, delete, copy and past in Compose View:

1. The 1st line
2. The 2nd Line
3. The 3rd Line
4. 
   
5. The 4th Line
6. 
   

Of course the code at beginning of this article can show like this

2. <ol start="1" style="background-color: white; border: none; color: #5c5c5c; font-family: Consolas, 'Courier New', Courier, mono, serif; font-size: 12px; line-height: 26px; margin: 0px 0px 1px 45px !important; padding: 0px;">
3. <li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; color: inherit; line-height: 18px; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="background-color: inherit; border: none; color: black; margin: 0px; padding: 0px;">The First line</span></li>
4. <li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; line-height: 18px; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="background-color: inherit; border: none; color: black; margin: 0px; padding: 0px;">The second Line</span></li>
5. <li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; color: inherit; line-height: 18px; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="background-color: inherit; border: none; color: black; margin: 0px; padding: 0px;">The Third Line;</span></li>
6. </ol>