Esta alteração é fácil de ser feita e fica bem legal, pois da um visual diferente nas suas postagens...
Como tinha falado, colocar bordas nas postagens do blog é fácil de fazer. Você pode exibi-las com um formato arredondado ou quadrado, e até aumentar ou diminuir a espessura, podendo também mudar a cor da mesma. Enfim, você pode personalizar do jeito como preferir. Legal né? Então vamos lá.
Como colocar Bordas nas postagens do Blog
1º Passo: Acesse o painel de edição do seu Blog. Clique em "Modelo" >> depois em "Editar HTML". Veja exemplo na imagem abaixo:
2º Passo: Quando abrir o HTML do seu Blog, clique em qualquer parte do código e pressione as teclas de atalho "Ctrl+F" do seu teclado. Em seguida, procure por este código:
.post {
- Quando encontrar o código, logo abaixo dele você vai acrescentar este outro código:
border: 1px solid #828282; / * --edite cor da borda--*/
padding: 8px;
border-radius: 5px;
3º Passo: Prontinho, depois de inserir o código clique em "Visualizar Modelo", veja se tudo ocorreu bem depois Salve o modelo.
Vamos alterar o código
Se você quiser fazer alguma alteração nas bordas veja como fazer:
Espessura da Borda: Altere o valor que esta destacado em cor de rosa "1px" por um valor superior a 1.
Cor da Borda: Substitua a parte destacada em Vermelho "#828282" por um outro código de cor. Clique aqui para escolher uma cor.
Bordas Quadrada: Para deixar as bordas quadrada, altere o valor destacado em Azul "5px" por 0 (Zero) .
Bordas Arredondadas: Para deixar mais arredondado, altere a parte destacada em cor Azul "5px" para 6 ou mais.
Não deixe de seguir nosso Blog e nossa página no facebook
Incrível, muito bom, principalmente pelo separador de postagem que estava faltando em meu blog, já apliquei dezenas de seus efeitos incríveis em meu blog hhtp://www.soluctiongames.blogspot.com.br , vlw!
ResponderExcluirEu não consegui achar o código .post{
ResponderExcluir