How to Move Blogger Menu above Header

Today I will show you how to move blogger menubar to the top of header. First back up your templetes.

 before shifting the manubar

 after shifting the menubar to above the header.

[I've changed the design a little ]

They follow as describes-
1> Login to Blogger --> Goto Templete --> Edit HTML
2> press CTRL+F to bring the search box.

3> Search for these words.
<div class='tabs-outer'> <div class='tabs-cap-top cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left tabs-fauxborder-left'> <div class='fauxborder-right tabs-fauxborder-right'/> <div class='region-inner tabs-inner'> <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'> <b:widget id='PageList1' locked='false' title='Pages' type='PageList'> <b:includable id='main'> <b:if cond='data:title'><h2> <data:title/></h2> </b:if> <div class='widget-content'> <b:if cond='data:mobile'> <select expr:id='data:widget.instanceId + "_select"'> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <option expr:value='data:link.href' selected='selected'><data:link.title/></option> <b:else/> <option expr:value='data:link.href'><data:link.title/></option> </b:if> </b:loop> </select> <span class='pagelist-arrow'>▼</span> <b:else/> <ul> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li> <b:else/> <li><a expr:href='data:link.href'><data:link.title/></a></li> </b:if> </b:loop> <b:if cond='data:blog.pageTitle == "Fors: Book"'> </ul> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/> </div> </div> <div class='tabs-cap-bottom cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div>
 4> Cut them all upto & including the line just above <div clas=’main-outer’>
 [The codes can be slight different from yours, just copy from <div class=’tabs-outer’> to <div class=’main-outer’>]
5> Search for the code- <header>
6> Paste all the codes just below <header>.
7> Save it... Finish! :)