5

Colocando um menu Horizontal no blogger

  • No Layout, HTML: Faça um backup do template fazendo um download, qualquer erro é só fazer o upload do seu template de volta!
  • Procure este código:


O código não é totalmente assim, terá auteraçõs de cada template, você pesquisara com ctrl+F ou maxwidgets, aí achara o código!
  • Faça as seguintes modificações do código:
maxwidgets'1' para maxwidgets'2'
showaddelement='no' para showaddelement='yes'
  • No site, coloque em Link Text o nome do seu botão do menu. Em Address/URL coloque o endereço do site que você será redirecionado clicando no botão. No Title attr (optional) coloque o nome que aparecera quando passar com o mouse encima do botão, mas não precisa. Para adiconar mais de um botão clique em [+ Add top level navigation item].
  • Depois clique em I´m done. Show me the styles. Escolha seu modelo de menu Horizontal e clique em Show me the markup. Você será redirecionado para a página de pegar os códigos.
  • No elementos da página, adcione um HTML/JAVA SCRIPT abaixo do cabeçalho da página e cole o código HTML do site de menus e salve.
  • Procure no HTML do blogger: body {
    background: #fffff;
    color:$textcolor;
    font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: lcenter;
    } código CSS aqui!
  • Cole o código CSS ao lado do último chaves com um espaço!
Pronto! Está feito seu menu!

5 comentários: