Lihat dulu kode-kode script membuat menu utama
Pada kode script yang kedua yaitu script menu, disini kita akan menyisipkan kode <ul> ... </ul> kembali diantara kode <li> ... </li>  untuk membuat submenu dari menu utama.

1. Silahkan login ke blogger
2. Pilih Rancangan > Edit HTML
3. Centang Expand Template Widget
4. Sebelumnya Copy paste kode berikut diatas ]]></b:skin> (jika belum ada) untuk optimalisasi :

#nav li li {

float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#nav li li a:hover, #nav li li a:active {
background: #c06000;
padding: 7px 30px 7px 10px;
}

4. Tambah kode berikut, letakkan sebelum </li> pada kode  script salah satu menu utama:

<ul>
<li><a href='URL Sub 1'>Sub Menu 1</a></li>
<li><a href='URL Sub 2'>Sub Menu 2</a></li>
<li><a href='URL Sub 3'>Sub Menu 3</a></li>
</ul>

  sebagai contoh perhatikan kode script berikut:

<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://AlamatBlogAnda.blogspot.com/'>Home</a></li>
<li><a href='URL Menu 2'>Menu Utama 2</a></li>
<li><a href='URL Menu 3'>Menu Utama 3</a>

<ul>

<li><a href='URL Sub menu 3-1'>Sub Menu 3-1</a></li>
<li><a href='URL Sub menu 3-2'>Sub Menu 3-2</a></li>
<li><a href='URL Sub menu 3-3'>Sub Menu 3-3</a></li>

</ul>

</li>

<li><a href='URL Menu 4'>Menu Utama 4</a></li>
<li><a href='URL Menu 5'>Menu Utama 5</a></li>
</ul>
</div>
</div>

Setelah membuat kode-kode sub menu, silahkan Simpan Template.