[Tutoriais] Como colocar separadores entre as postagens + Estilos de borda CSS

Esse tutorial achei no Blogger Passo a Passo. Já os estilos de bordas achei no Criar Web. Confiram:

Estilo de borda CSS
Os possíveis estilos de borda são:
  • solid
  • dotted
  • double
  • dashed
  • groove
  • ridge
  • inset
  • outset
Exemplo de borda.
Clique aqui para ler toda matéria sobre Estilo de Borda CSS


Separadores entre as postagens
Colocar separadores entre os posts tornando-os mais apresentáveis e organizados.

Para colocá-los basta irmos em Design> Editar HTML  e procurar pela linha:

<b:include data='post' name='post'/>

E logo abaixo cole o seguinte:

<center><img src='URL da imagem'/></center>

Basta colocar a URL da imagem no lugar indicado e teremos um separador nas postagens do blog.

Em Smashing Magazine há vários separadores que podem ser utilizados.

Se preferir apenas uma linha, o código será esse:

<hr style="align:center; background:#FFFF00; border:0px; height:5px; width:60%;" />

Em background, coloque a cor de sua preferência, em height, a altura da linha e em width a largura em porcentagem.

:: Créditos: Blogger Passo a Passo / Criar Web

Nenhum comentário:

Postar um comentário

Deixe seu comentário