Como mudar a cor da sidebar do Blog - Blogger
Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.
É um pouco difícil encontrarmos um template na internet que satisfaça grande parte de nossas exigências. Quando pensamos encontrar o template ideal, alguns detalhes o incomodam. Por exemplo, um detalhe que pode incomodar a muitos é a cor da sidebar. Muitos não sabem é que é possível alterar a cor da sidebar de seu blog facilmente, sem muito conhecimento de códigos.
Geralmente, quando estamos cansados do uso de algum template, tentamos nos livrar dele, e produzimos algum novo. Muitas vezes, nem é preciso fazer tudo isso, basta apenas customizar o template atual. É uma tarefa muito menos árdua, e também muito mais fácil. Sem falar que não é preciso adicionar todos os hacks que você utiliza novamente. Uma boa customização a ser feita é mudar a cor da sidebar. Mudará bastante o aspecto de seu template, e dependendo da cor, poderá melhorá-lo, e agradar ainda mais seus visitantes. Antes de seguir com o tutorial, leia alguns artigos para melhorar ainda mais a customização de seu template:
Antes de prosseguir com a leitura deste artigo, é recomendável fazer um backup do template de seu blog, para que não ocorra erros no código dele.
Acesse o painel do Blogger e vá em Design -> Editar HTML. Pressione CTRL + F e procure pela seguinte tag:
sidebar-wrapper
Verifique o interior da tag, até o fechamento }. Veja se encontre a linha background-color. Caso encontre esta linha, substitua o texto a seguir dela, pelo código da cor que você deseja.
| background-color:#000000; |
Para obter o código da cor que deseja, acesse da Tabela de cores do MX Studio. Se você não encontrou esta linha no interior da tag, adicione você mesmo. Veja como ficou o código da sidebar do Desenvolvimento Blogger após esta inserção:
| #sidebar-wrapper { width:375px; float:left; word-wrap:break-word; overflow:hidden; margin:0; padding:0; background-color:#000000; } |
Caso isso não altere a cor de sua sidebar, encontre pela tag sidebar { e siga exatamente os mesmos procedimentos acima. Caso seu template tenha ficado com erros/bugs, faça o upload do backup que você baixou e inicie o processo novamente.
4 Comentários:
Oi,tow querndo mudar a cor da minha sidebar e ñ dar certo fiz o q vc falou mais só mudou as letras onde fik (arquivo e tal,sabe o texto que fik entre arquivo e os outros gadgets,me ajuda por favor o código q encontrei foi esse coloquei o que vc falou em cima e embaixo,mais ñ mudou nada,#sidebar-wrapper a {
color: #FFC1C1;
text-decoration:none;
visita meu blog q é http://aatreviida.blogspot.com
background-color:#FFC1C1;
}
#sidebar-wrapper a:hover {
color:#FFC1C1;
text-decoration:underline;
}
Jo Porfirio,
Sidebar-Wrapper é o elemento que altera a cor de fundo dos widgets da sidebar. Se deseja mudar a cor da sidebar até o final, é preciso mudar o plano de fundo de seu blog, que preenche os espaços vazios.
no meu, eu coloco SIDEBAR no cntr+F e não aparece nada :/
Karine,
Estranho... tente procurar por "side bar", separado, ou algo deste tipo.
Postar um comentário
-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;
Se preferir, fale conosco pela página de CONTATO.
Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.