Igor Tutoriais: Como adicionar bordas nos templates do Blogger

É só adicionar a seguinte opção no trecho do codigo que você deseja colocar borda:


border: 1px solid #000000;
Exemplo: Nos templates mínima a na maioria dos templates modificados, a coluna total da área de postagens é
#main-wrapper
Se quiser acrescentar uma borda na cor preta sobre a área total de post, você deverá acrescentar a borda em “main-wrapper”.
Ficará assim:

#main-wrapper {
border: 1px solid #000000;
}
Nos templates Designer de Modelo,o trecho referente a coluna total da área de postagens está representado por:
.main-outer
Ficará assim:

.main-outer {
border: 1px solid #000000;
}
Lembrando que
1px -> medida da borda
solid -> é o estilo da borda
#000000 -> é a cor da borda
Você pode alterar esses elementos.

Estilos de bordas:

solid -> linha solida
Dashed -> Borda tracejada
dotted -> borda pontilhada
ridget -> cume
inset -> inserido
outset -> outset
none -> nenhuma

Você também pode inserir a borda apenas em determinado lugar:
border-right -> (Borda somente a direita)
border-top -> (Borda somente no topo)
border-left -> (Borda somente a esquerda)
border-bottom -> (Borda somente na parte inferior)
Leia alguns artigos que tratam sobre alguns efeitos que você poderá incluir em suas bordas, talvez você se interesse em conhecer outras maneiras de personalizar as bordas no seu template:
• Efeito Sombreado
• Bordas arredondadas
Para entender um pouco mais sobre o corpo do seu Template, leia este Post Elementos Básicos do Blogger.

Leave a Reply