MASIGNCLEAN101

Tutorial - bordas coloridas na sidebar do Blogger

Olá amigos do Mundo Informal! O tutorial que disponibilizo hoje, tem sido utilizado por muitos blogs pois fica muito bonito em qualquer modelo. O efeito é bem discreto e passa ao leitor um ar de profissionalismo.
Bom, não é preciso seguir muitos passos, mas siga com atenção para que não ocorram erros.

Alerta! Antes de fazer qualquer modificação, faça um backup do seu modelo.
Acesse modelo 
 Fazer backup/Restaurar  Fazer download do modelo completo.


1° passo: Acesse o painel do Blogger, escolha o blog que você deseja instalar, selecione a opção "Modelo" e clique em "Editar HTML".

2°passo: Agora usando o Ctrl + F, procure por:

]]></b:skin>

3° passo: Acima da tag encontrada, cole o código abaixo:




Caso queira alterar a cor das bordas, altere #d4bfb1 com a cor desejada. Veja a paleta com os código das cores aqui.

4° passo: Caso você queira inserir esse estilo para apenas um widget, como exemplo o último, procure por:
.sidebar .widget:last-child {

Deverá aparecer desse jeito → .
sidebar .widget:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;


Cole o seguinte código abaixo de:


 padding-bottom: 0;

5° passo: Salve e veja a mudança! 

Pronto! Salve e veja como ficou!
Compartilhe esse artigo!
Marcus Vinicius
escreve para o Mundo Informal sob a licença Creative Commons BY-SA 3.0. Você pode usar e compartilhar este conteúdo desde que credite o autor e veículo original do mesmo.
avatar

Cadê um exemplo? Quer que eu coloque isto em meu blog sem ter ao menos ideia de como pode ser? kkkk E tira a captcha desses comentário pq muita gente desiste!

9 de março de 2013 10:24
avatar

cade a demostração coloca pelo menos uma foto ai pó ^^ kkk

6 de junho de 2013 19:02
Seja livre para expor seu pensamento!

Se preferir, antes leia nossa política para comentários...
Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!