» Voltar para o Inicio Ou
» Voltar para o blog Material Extra

Barra lateral com borda pontilhada


Se seu modelo for Travel:
Procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

E cole logo abaixo:
border-right: 1px dashed #000000;

Agora é só mudar a cor da borda,a expessura e o lado left ou right, caso queira :}

Imagem ou Fundo colorido no Rodapé do blog (Footer)

Tutorial a pedido de: Srtª Porfirio
Flor, este tutorial serve apenas se você usar o modelo travel 
do blogger, caso contrario não sera útil.

Para começar vá  em editar HTML > Ctrl + F >
e procure por  .footer-inner { deve aparecer assim:

.footer-inner {
  background: transparent $(footer.background.gradient) repeat scroll top center;
}

Apague o que esta dentro das chaves, e se quiser colocar uma coloque:

Background-image: url(URL DA SUA IMAGEM);
Background-position: center bottom;

Devendo ficar assim:
.footer-inner {
Background-image: url(URL DA SUA IMAGEM);
Background-position: center bottom;
}
Se quiser que a imagem não se repita  acrescente dentro das chaves:
Background-repeat: no-repeat;

Caso queira colocar um fundo com cor coloque apenas:
Background: #000000;

Agora é só colocar os gadgets no footer e pronto :}

Barra lateral com borda e arrendondada + com borda no final da postagem

Se seu modelo for Travel:
Procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
E cole logo abaixo:
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
border-right: 2px solid #000000;
  Procure por: 
.main-inner .column-center-outer {
E cole logo a abaixo
border-bottom-left-radius: 20px;
border-bottom: 5px solid #000000;

Lembrando que você pode alterar os valores e mudar a cor.

Seguidores