Usando bordas nos templates do Blogger

Yo galera hoje vou postar um tutorial bem bacana do site mundo blogger que é adicionar bordas no seu template, espero que gostem. Então vamos lá.

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

Tipos de bordas:

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)