Aprenda como se faz:..."Colocar buscador no menu de páginas estáticas"

"  Coloque um buscador no menu de páginas estáticas em seu Blogger. "

Primeiro passo: 

...Faça isso,
...logado no painel do blogger...
... no HTML ,de seu blog...
 ...procure...

pelo trecho:

 <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <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>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

...encontrando-o,

"Substitua-o,
 então ,
pelo código:
▼

<div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <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>
    </ul>
<form action='/search' id='searchform' method='get' style='display:inline;'>
<input id='back' maxlength='255' name='back' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' title='search' type='text' value='Procurar...'/>
<input alt='' id='proc' name='proc' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO8yORH0bIqiAeEoSBwdxcijyu-yV6N4DlcdTtTGsnBc80zlnENthKAEEzazzVvZBtjHBH4zu0hRInS8wPlQsAdG4wnVu8WzBWX4Xoh6o_32uM_-n0_NE7eEgqc6xqaAcoB5FSCysJfFI/s1600/View.png' type='image'/>
</form>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

Salve!


 

Segundo passo:


...antes de

]]></b:skin>

Cole o código:
▼

#searchform {margin-top:6px;float:right;width:270px;height:22px;}
#back {background:#DECF3F;border: 2px groove #ccc ;float:left;height:14px;margin-right:8px;width:218px;padding:5px;}
#proc {margin-top:3px;float:left;width:23px;height:19px; }

:::

fonte e créditos:

 templateseacessorios