Como usar qualquer menu nos templates do Blogger

Os templates nativos do Blogger limitam o uso de wigets na parte do cabeçalho e colocar códigos de menus com submenus nos templates. Para corrigir este erro é necessário criar uma div para alí, dentro dela, instalar junto um widget de HTML/Javascript parapodermos usar livremente os menu com submenu de sua escolha. Para isso siga esta tutorial.


Vá até o "Modelo de seu blog", clique em "Editar HTML"

  Hack para o template do Blogger, implementado em  abril de 2013.

Clique no botão "Editar modelo" e depois nas teclas Ctrl e F. Ao abrir a janela, procure pelo seguinte trecho.

Procure por </header> se quiser seu menu abaixo do cabeçalho, se quiser acima, procure por <header>

Abaixo dele cole este próximo código.

<div style='clear: both'/>   
    <div class='menu-blog'>
      <b:section class='banner2' id='banner2' maxwidgets='2' showaddelement='no'>
        <b:widget id='HTML111' locked='false' title='' type='HTML'>
          <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
        </b:widget>
      </b:section>
    </div>
    <div style='clear: both'/>

Salve.

 Pronto. Veja, o código de seu template está todo dividido em partes. Mas para encontrar o código que queremos você precisará abrir a seguinte parte:



Uma outra maneira de fazer isso é seguindo a outra dica, publicada no blog Passo a Passo