Sonntag, 26. Oktober 2014

How to create nested lists in Blogspot

I've struggled some time with creating of nested lists in my blog at Blogspot. Then i realized a simple workaround to get them done. To create nested lists in Blogspot, you must
Create a list with all list entries together, parents and children, like this:
  • a
  • b
  • c
  • d
  • e
Then, assuming we want to make points b and c nested in a. So we take the created list and markup points b and c as no list again: highlight with the mouse and click on the "list"-button in WYSIWYG-menu of Blogspot:
  • a
b
c
  • d
  • e
The next step: highlight points b and c, than apply to them the blockquote markup, clicking on the WYSIWYG button with quotation mark:
  • a
b
c
  • d
  • e
The last step: highlight points b and c and apply the list markup:
  • a
  • b
  • c
  • d
  • e
You are done. Enjoy!

If you want to get more beautiful and semantically correct nested lists with different bullets in it, go to the HTML source code, look at the lists code:
<ul>
<li>a</li>
</ul>
<blockquote class="tr_bq">
<ul>
<li>b</li>
<li>c</li>
</ul>
</blockquote>
<ul>
<li>d</li>
<li>e</li>
</ul>
and delete the code listed further:
...
/*code to delete*/
</ul>
<blockquote class="tr_bq">
/*end code to delete*/
...
...
/*code to delete*/
</blockquote>
<ul>
/*end code to delete*/
...
Then you get nested list as follows:
  • a
    • b
    • c
  • d
  • e
Yandex.Metrica