Como fazer e colocar templates no blog

Oi galera gabri06 na area eu vou ensinar a como fazer layouts bonitos e colocar templates em seu blog (ESSE TUTORIAL E PARA DESIGNERS E BLOGUEIROS INICIANTES)

Para iniciar pegue o HTML e salve num arquivo txt  pegue aki

Agore baixa essas imagems sao componentes do template(cabeçalho,sidebar,rodape, e titulo) editem  apenas as cores e margems, as paginas se vc quiser colocar mais no menu, titulo do blog e coloquem imagems de penguins no cabeçalho ao lado do titulo, etc  

Aqui estao as imagens para vcs fazerem download 

Cabeçalho  edite do jeito que voces quiserem se voces quiserem fazer o titulo com a letra do cp baixe a letra bumbastika clicando aqui e cole na pasta fonts






 
                                            Depois de editar voces vao mapear a imagem se nao souberem
                                                                                         clique aqui 
                                               

                                                        Sidebar Mudem apenas as cores




Titulo de gadget Edite as cores
 


Rodape edite os nomes e a imagem e a cor 



Fundo


 


AGORA VAMOS EDITAR O HTML

Depois de editar as imagens hospedem elas no site http://tinypic.com/  Menos o cabeçalho pois ele ta mapeado 
Depois de hospedar as imagens copie os links das imagens que esta dentro da caixa direct link e vamos alterar o template

Voces irao colocar os links no lugar dessas seguintes palavras dentro dos *( ) OBS: coloque os links dentro dos *( ) o unico que nao tem parenteses e do cabeçalho mapeado

Aperte crtl-F  e pesquise as seguintes palavras obs: quando acharem essas palavras troquem elas pelo link da imagem deixando o ( )

LINK DO FUNDO DO BLOG  aki vc irar colocar o link da imagem do fundo 

LINK DA SIDEBAR aki vc irar colocar o link da imagem da sidebar

LINK DO TITULO DE GADGET 

LINK DO RODAPE 

HTML DO CABEÇALHO MAPEADO (essas palavras sao sem parenteses porque nao precisam)
Nesse lugar voce irar colocar o codigo HTML do cabeçalho mapeado

Se vc fez tudo ao conforme do tutorial o seu html ta pronto e certo para que seja colocado no blog

Agora vou ensinar a colocar o layout no blog e an seguinte forma

 Vc irar no painel principal do blog e irar em modelo quando abrir a pagina de modelo vc a aperta EDITAR HTML
 
Quando vc apertar irar aparece a seguinte pagina e aperte prosseguir

                                                        e irar abrir essa seguinte pagina







Nessa pagina vc irar trocar os HTMLs vc irar copiar o html do layout (template) que vc fez e irar substituir pelo akele la em cima dpis de trocar os htmls aperte salvar modelo se aperecer uma pagina amarela aperte cancelar,  essa pagina irar dizer que seu html nao tem os seguintes widgets entao ignore e dpis que vc salvo olhe seu blog ele estara com um visual diferente se vc encontrar erros vc irar que descobrir como retirar esses erros

 e isso ate mais gente se tiverem duvidas postem suas duvidas nos comentarios


                                                                

17 comentários:

  1. não consigo editar o cabeçalho MAPEADO

    ResponderExcluir
  2. Não to conseguindo baixar os editáveis!

    ResponderExcluir
  3. eu fiz o design do blog todinho mas o HTML foi meu amigo Conrado que criou

    ResponderExcluir
  4. Não consigo fazer o download das imagens

    ResponderExcluir
  5. Adorei o tutorial, no entanto, apresenta algumas falhas ortográficas.

    ResponderExcluir
  6. Ficou um espação entre o cabeçalho e a postagem!
    N consigo tirar!

    ResponderExcluir
  7. aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa deu merda

    ResponderExcluir
  8. Gabriel
    tem como faze um template para mim?

    ResponderExcluir
  9. Galera para baixar as imagens é o seguinte e só clicar nelas e salvar e elas estao editaveis

    ResponderExcluir
  10. Muito obrigado me ajudou muito estou aprendendo ainda sou iniciante meu blog: http://nadadeiras-do-cp.blogspot.com.br/

    ResponderExcluir