MENU LATERAL PARA BLOGGER LINK DIRETO

Por favor, siga as instruções abaixo para adicionar o código html ao seu blog:

1. Copie o código HTML fornecido abaixo.
2. Acesse a seção ‘Layout’ do seu blog.
3. Selecione a opção ‘Adicionar um Gadget’.
4. Escolha a opção ‘Adicionar HTML/JavaScript’.
5. Cole o código na área de ‘Conteúdo’. Deixe o campo ‘Título’ vazio.

CÓDITO HTML/GADGET

<div id="menu">

    <ul>

        <li><a href="URL_DA_PÁGINA1">Nome Página 1</a></li>

        <li><a href="URL_DA_PÁGINA2">Nome Página 2</a></li>

        <li><a href="URL_DA_PÁGINA3">Nome Página 3</a></li>

    </ul>

</div>

############################################################################

Por favor, siga as instruções abaixo para adicionar o código CSS ao seu blog:

1. Copie o código CSS fornecido abaixo.
2. Acesse a seção ‘Tema’ do seu blog.
3. Selecione a opção ‘PERSONALIZAR’.
4. Escolha a opção ‘AVANÇADO’.
5. Procure por ADICIONAR CSS e cole o código no campo vazio. Faça as mudanças que achar necessárias. Antes de sair salve no icone de Disquete

CÓDIGO CSS

#menu {

    width: 300px;

}

#menu ul {

    list-style-type: none;

    padding: 0;

}

#menu ul li {

    background-color: #000000;

    color: white;

    border: 2px solid #ff0000;

    margin-bottom: 2px;

}

#menu ul li a {

    display: block;

    padding: 10px 10px;

    text-decoration: none;

    color: white;

}

#menu ul li:hover {

    background-color: #ff0000;

}