How to add a search box in the menu bar

1. .Log in to your dashboard--> layout- -> Edit HTML

2. .Click on "Expand Widget Templates"

3. Click "Ctrl+F" and find the following cod:

<b:section class='art-nav' id='navsection' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList99' locked='true' title='Top Menu' type='LinkList'>
<b:includable id='main'> 

4. After upper code insert:

<div class='art-Menu-Search'>
       <form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == &quot;&quot;) {this.value =  &quot;Cautare...&quot;;}' onfocus='if (this.value == &quot;Cautare...&quot;) {this.value = &quot;&quot;;}' size='20' style='background: #9bd2f8; border: 2px solid #9bd2f8' type='text' value='Cautare...'/>
<input id='search-btn' src='http://img641.imageshack.us/img641/3779/oldzoomoriginal.png' type='image' value=''/>
</form></div>

5. Find: /* end Menu */. Directly above it, add the following and adjust it according to where you want your form or box located on the page. Note, that if there are text elements involved, you can add more code to this as well with instructions on the font, size, color, etc.

div.art-Menu-Search
              {
                      position:absolute;
                      z-index:0;
                      top: 1px;
                      left: 540px;
              }

Change the  red values with your own to align the search box.

6. Save the template .