I want to add sub menu in my blog. I want my menu to be like this (manual testing and automated testing become the sub menu of testing)
- Testing
- Manual Testing
- Automated Testing
There are a lot of tutorials in the internet. However, they are still using the old blogger design where they use <ul>
and <li>
syntax. In the new blogger (I don't know when it starts), blogger uses JSON for page list management instead of <ul>
and <li>
.
Followings is the pageListJson
from my blog:
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:widget-settings>
<b:widget-setting name='pageListJson'>
<![CDATA[{'91385535799150449': {'href': 'https://belajarbersama-arwan.blogspot.com/p/belajar-software-testing.html',
'title': 'Software Testing',
'position': 0},
'4514379653067780013': {'href': 'https://belajarbersama-arwan.blogspot.com/p/manual-testing.html',
'title': 'Manual Testing',
'position': 1},
'5318229156935072720': {'href': 'https://belajarbersama-arwan.blogspot.com/p/automated-testing.html',
'title': 'Automated Testing',
'position': 2}}]]>
</b:widget-setting>
<b:widget-setting name='homeTitle'>Home</b:widget-setting>
</b:widget-settings>
Using this JSON, the menu appears to be like this:
- Testing
- Manual Testing
- Automated Testing
I tried to modify the JSON to be like this
{'91385535799150449':
{'href': 'https://belajarbersama-arwan.blogspot.com/p/belajar-software-testing.html',
'title': 'Software Testing',
'position': 0,
'4514379653067780013': {'href': 'https://belajarbersama-arwan.blogspot.com/p/manual-testing.html',
'title': 'Manual Testing',
'position': 1},
'5318229156935072720': {'href': 'https://belajarbersama-arwan.blogspot.com/p/automated-testing.html',
'title': 'Automated Testing',
'position': 2}}}
However, only one menu appear i.e. Software Testing
Can anybody help how can I modify the JSON so I can get the menu structure that I want?
Thank you for your kind helps