quinta-feira, 10 de janeiro de 2013

Como fazer templates e colocar no blog

Oi pessoal! Land_cp na escuta...!

Aqui a primeira postagem de tutorial de designer, a postagem mais desejada, COMO FAZER TEMPLATES E COLOCAR NO BLOG!!!!! Hoje vou aqui encinar como fazer obvio -q.

Primeiro você vai pegar o HTML e coloca no novo HTML do blog. Pegue o HTML CLICANDO AQUI. Depois as partes importantes. Começando pelo fireworks. CLICANDO AQUI, pode pegar umas imagens de penguins. FASSA O CABEÇALHO NO ADOBE FIREWORKS. Por que se não vai dar bosta! Adiante, vou mostrar umas coisas que é preciso no cabeçalho.

altura: 390      largura: 1000
invisivel

ponha isso aí. Agora, com todos os efeitos do fireworks, vá tentando fazer um legal.
Aqui está o meu cabeçalho.
Obvio que é maior... aqui só da pequeno.


Aqui está o fundo. Muito bonitinho criado no adobe fireworks.

Aqui está a sidebar.

E por ultimo, olhem aqui o rodape.

Pronto. Agora voces vão mapear o cabeçalho. Para mapear basta só CLICAR AQUI.

Depois voce vai salvar a imagem e clicar em "start mapping your image"
seguinte, basta esperar os 10 segundos e depois clicar em "continue to next step" . Depois no retangulo ao lado, você clica em "Rectangle" . Em "link for this map" Você vai colocar o link que você quer na sua página, exemplo: parcerias...! você daí tem que aumentar o retangulo e colocar na  letra que você colocou no cabeçalho. Por ultimo quando acabar clique em "Get your code". Depois no "HTML CODE" clique ai. Na ultima frase do HTML ( </div> ) Você na frase acima vai mudar essa frase para <!-- Image map text links - End - -->    

Depois copia o HTML. Das outras imagens, hospeda elas no tinypic.
Você no HTML do blog que eu vos mandei, vocês vão dar crtl + f   e procuram as seguintes palavras:

HTML DO CABEÇALHO MAPEADO    << voce cola o HTML do cabeçalho mapeado.
(LINK DO FUNDO DO BLOG)                << em parentesis procura, e no tinypic cola o link do fundo.
(LINK DA SIDEBAR)                               << põe o link da sidebar
(LINK DO RODAPE)                                << cole o link do rodape.
Depois basta salvar e pronto! Template feito. Adeus galera, foi isso.

~Land_cp

Sem comentários:

Enviar um comentário