Replace Page List Gadget With Link List

This will help you to replace the page list menu gadget
with link list.it will not loose menu style.

1. Go to your blogger and click "Design" on your 
   dashboard and click "Edit HTML".

2. Make sure "Expand Widget Templates"
   Do Not Put check mark.

3. Find these code by using  Ctrl+F      <b:widget id='PageList  .                 

4. You will find code similar to this

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>

5. Replace this line by the following code

<b:widget id='LinkList123' locked='false' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
   <ul>
     <b:if cond='data:blog.url == data:blog.homepageUrl'>
     <li class='selected'>
     <a expr:href='data:blog.homepageUrl'>Home</a>
     </li>
     <b:else/>
     <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
     </b:if>
     <b:loop values='data:links' var='link'>
       <b:if cond='data:blog.url == data:link.target'>
       <li class='selected'>
       <a expr:href='data:link.target'><data:link.name/></a>
       </li>
       <b:else/>
       <li><a expr:href='data:link.target'><data:link.name/></a>
       </li>
       </b:if>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

6. Now save it.You can add link manually.