21 de agosto de 2013

Menu personalizado do Blogger

adicionado o menu agora vocês podem personalizar de acordo com o layout do blogger de vocês.
Você tem que ir até a página de visão geral do seu blog, e na barra lateral esquerda clicar em "modelo" em seguida: "personalizar" > "avançado" > "adicionar CSS". Vai aparecer ao lado uma caixa em branco e você vai colar este código que eu peguei no blog da Nah

/* Menu do blogger personalizado
----------------------------------------------- */
.tabs-inner {
margin: 1em 0 0;
padding: 0;
margin-top: 20px; /*para subir ou descer o menu troque o número*/
margin-left: 80px; /*para afastar o menu para esquerda ou direita troque o número*/
}
.tabs-inner .section {
margin: 0;
}
.tabs-inner .widget ul {
padding: 0;
background: $(transparente) $(transparente) repeat scroll top center;
}
.tabs-inner .widget li {
border: none;
}
/*Estado normal do menu*/
.tabs-inner .widget li a {
display: inline-block;
padding: 1em 1.5 em;
color: #27aeac; /*cor da fonte*/
font-family: /*fonte*/
font-size: 24px;
border-radius: 100px; /*bordas arredondadas, apague a linha se n quiser*/
line-height: 4px;
padding: 15px;
background: url(
http://migre.me/aC1IZ) repeat; /*cor do fundo transparent*/
margin-left: 10px; /*espaço entre os botões*; /*cor do fundo transparent*/
}

Gente, é muito importante vocês lerem todo o código para fazerem as alterações necessárias, como fonte, background etc... Feito isso, é só clicar em aplicar ao blog e visualizar.
Qualquer dúvida é só perguntar.
Este tutorial eu encontrei em vários blogs. Mas eu tentava fazer e não dava certo porque eles mostravam como fazer em "expandir HTML". Mas em "adicionar CSS" deu certinho.

Um comentário:

Sobre o que você gostaria de ler?