Template Free

 Template Free Elegante! 

Demo

Template Free para ser usado no Blogger/Blogspot
 Leiam com atenção as instruções abaixo!!!
Fica expressamente proibida seu uso para fins lucrativos e retirar seus créditos . O Template é free para uso de  todos.

Primeiro em Designer de modelo do seu blog acerte as medidas que ficarão assim:
Todo o Blog - 1080
       Barra Lateral Direita-   290                     

1-Para instalar o Template em seu Blog...

 Copie os códigos   <style type="text/css">body {background-image: url(" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBiPjFeYQgomrGb7W6dD_kVrErPa5WL_IlYn7ghTZWi_RI18qBrPx2SORVwVz1I5cBpDmwYNMT5KwFV7VTDClAHP3_zuclEYsxatYoRIsFLs-SPzL6nWgPIi7dR-QLVeTueAUaWTBbFA/s1600/template+rendado+cinza+com+borda+rosa+e+la%C3%A7o.jpg"); background-position: top ; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:2px; z-index:50; width:70px; height:35px;"> <a href="http://www.sjimenescriandoepersonalizando.com/ " target="_blank"><img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisA1SbTiaOpIRstwRcGS8OGUlLqoU0awoXAUB60SpTktw9mQG5PF8uwIZ-mdciydDHcWZlbUQwiXyNFuxMQJCmBCYHGzVO_77CUSS7KX6FiFsWK7qZVADwe6-UA-J7tcpuU3qSbaHfW-Y/s1600/rodap%C3%A9+rosa+para+cr%C3%A9ditos.png" /></a></div>


Entre no layout de seu Blog, adicione um gadget HTML/JAVASCRIPT, cole e salve.
Instale o gadget na barra lateral de seu Blog.

2- Banner do Template Elegante

Salve o banner em PNG nas  imagens de seu computador. 

 Depois entre no Layout de seu Blog, adicione o gadget do cabeçalho e proceda assim:

A- Editar,

B- Selecione arquivo de seu computador,

C- Vá no arquivo que salvou o banner e insira a imagem,

E- Salve o gadget do cabeçalho. 

 

Para alinhar o título do seu blog, copie e  cole estes códigos abaixo:

  text-align: center ;
  margin-top:82px;

Entre no Modelo de seu Blog, Editar HTML em:

 /* Header
----------------------------------------------- */


.Header h1 {
  text-align: center ;
  margin-top:82px;

 

Alinhe da maneira que preferir.

Alinhando a posição do texto;

text-align: center; -centro

text-align: right; - direita

     text-align: left; - esquerda 

alinhando a altura do texto;

                         margin-top:82px; - abaixa e sobe o texto, maior px,(abaixa), menor px, (sobe).

3- Para quem quiser instalar o menu que esta no Template...

Salve o menu em PNG nas  imagens de seu computador. Poste em suas postagens sem publicar, entre no HTML da postagem e copie a  src= que é a  url de sua  imagem,

Se preferir pode gerar a url da imagem  em um Site de gerador de url de sua preferência. Eu uso o próprio blog, nas postagens...

Depois entre no Modelo de seu Blog, Editar HTML e  em :

/* Tabs
----------------------------------------------- */.tabs-outer {
  overflow: hidden;
  position: relative;
  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;

Após estes códigos, insira os códigos abaixo e dentro dos parentes cole a url de sua imagem, depois salve.
background:url(xxxxxxxxxxxxx );
background-repeat: repeat;
   height: 40px;
  width: 1064px;
  margin:0 auto 0;
}  

Espero que tenham gostado,
Mto obrigada....
           Designs Criações Personalizações
SJimenes
www.sjimenescriandoepersonalizando.com