Como criar sue próprio template!Tipo o meu.

     Oii!Hoje vou postar outro tutu# 
     Aii como adoro postar tutus! 
     Mais esse vai ser um Mega Tutorial.
     De como criar um template básico,mais tipo o meu.Não é grande coisa,vocês podem fazer melhor.



     Primeiro você tenque faser o seu cabeçalho,tipo o meu ali,mais do jeito que você quiser,personalizeo!Vou deixar uns aqui como exemplo:

Os fundos que são brancos são transparentes!

     Clique nela pra ver o tamanho real e salve!Dai pra coloca-lo você tenque Colocar o título do blog lá e selecionas isso:

O meu é a nova interface do blog ^^,se o seu não for é só clicar em Design

     Depois clique em Editar do ícone Cabeçalho:

    Vai aparecer assim:

     Agora fassa o que demonstra na imagem:

Eu não crio o meu desse jeito,mais se for usar os meu cabeçalhos fassa assim!

      Provavelmente ficara assim com o último cabeçalho:

Ficara melhor no de vocês mais é que ainda não arrumei a letra do cabeçalho :/

    

      O cabeçalho já foi agora são as colunas ali do lado!

      Essa a maioria sabe!Mais vou colocar o tutorial assim mesmo....

     Primeiro se estiver na interface do blogger atualizada,vá em Modelo>>Personalizar.Se estiver na antiga vá em Design>>Design Modelo.Abri-rá uma página assim:

    Vá em Ajustar Larguras,e deixe assim:

Quando for colocar e não der certo,ficar meio "desageitado" é só arrumar um pouquinho.

     Agora clique Layout,e selecione um layout com o Segundo rodapé e um dos quatro Layouts do corpo destacados na imagem a seguir:

     Pronto,agora clique em Aplicar ao Blog e depois «Voltar para o Blogger.

      Clique em Editar HTML,e procure pelo seguinte código se você,escolheu as duas colunas no lado direito:

     .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

     

     E se for duas colunas a esquerda procure por esse:

    .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

   Vai aparecer assim:

    .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {margin-right:          $(content.padding);background:$(widget.outer.background.color)   $(widget.outer.background.gradient) repeat scroll top left;}

   Mude a parti em Negrito por essa daqui:

   background: url("URL DA IMAGEM") repeat;

   Mude novamente oque está me negrito pelo URL da Imagem das colunas tipo essa:

A outra parte é branca mais não ta parecendo direito!:/

    Vou dar uns exemplos,para vocês usarem:

Também não estão aparecendo direito :S

     Se quiserem que faça alguma pra vocês comentem aí!Fasso de graça!

     Agora vamos aprender a fazer o Menu,tipo o meu,personalizado!

     Primeiro faça o seu Menu,pelo seu programa de edição,o meu é o Photoscape e o Photo Filtre Studio

X.Não posso fazer exemplo por que não sei a página dos blogs de cada um.

     Mas se quiser é só comentar ou mandar um formulário em Contato.

    Depois de ter feito o seu menu,clique nesse link:Image Map.Va´aparecer isso:

     Agora faça o que a imagem manda:

    Digamos que foi essa imagem que escolhi:

   

    Bem feinho o menu fiz com pressa :/

    As imagens são suas líderes faça o que ela manda buahahaha!#:

Pelo menos elas não gritam com você!Hehe'

     Selecione por partes o menu,como uma parte é o Inicio e outra é o Contato.Desse jeito:

     Faça isso no restante.

    Depois clique em Get Your Code.E depois em HTML Code,aqui:

     Copie o código que irá aparecer e cole em uma gadget HTML/Java Script,e pronto o Menu está feito!

     E aí gostaram do Mega Tutorial,ficou grande mais quem quer fazer o seu próprio template vai ler!Se você não intendeu vai na minha página de contato e manda um formulário,faço templates grátis!Do jeito que vocês quiserem!

Beijinhos!

ATENÇÃO:Se for usar algum deses elementos que fiz :cabeçalho ou coluna,por favor me avise nos comentários!