Primeiro você deve escolher uma figura 800x600 ou maior e colá-la no paint (editor de imagens). O meu eu peguei no manga style, mas outro muito bom é o anime wallpapers. A tela deverá ficar assim:
Já que a minha imagem tem mais que o tamanho necessário para fazer um template e vou apertar em selecionar tudo e irei arrastar a parte que eu quero que apareça mais pra cima e pro canto, assim:
Agora você deve ir em imagem/ atributos. Lá abrirá um quadrinho assim:
Onde você deverá trocar a largura que estiver lá por 800 e a altura por 600. Daí a imagem já terá o tamanho correto e você poderá começar a montar seu template:
Primeiro você deve desenhar os retângulos do post do perfil e o que mais você quiser...até o final dá página, sem nenhum espaço livre embaixo dos retângulos. Assim:
Depois vc poderá escrever as palavras respectivas aos retângulos como, por exemplo (post e perfil):
Aí você pega essa figura vai em file (arquivo)/ save as (salvar como), e salva como topo.JPG:
Depois, você vai em imagem e em inverter/girar, aí vc vai em inverter verticalmente, a imagem vai fikar de cabeça pra baixo, aí vc vai em atributos novamente e coloca em 800 de largura e 1 de altura...assim:
OBS: sendo que parte branca nessa imagem, ficará cinza na sua.
Agora você pode até estranhar, mas deve salvar apenas essa linha como linha.JPG.
Vamos começar o trabalho com HTML:
Você pode usar o bloco de notas ou um programa pra html mesmo, apenas não deve usar o Word, pois ele altera as tags do seu template.
O que interessa é que você deve colar esse código numa página em branco:
Por enquanto não deve mexer nesse código...pegue as figuras que você salvou e faça o upload delas no seu blog (ou entaum hospede-as num host na web, como por exemplo o yahoo, geocities), naum precisa postá-las, apenas faça o upload (hospedagem), copie o código da imagem e guarde em algum lugar em que possa estar acessível daqui à pouco.
Depois de ter feito isso, você deve alterar exatamente o que eu irei falar:
*Na terceira linha de baixo pra cima, você deve substituir onde está o endereço de uma imagem (por exemplo: "http://www.alguma blog/topo.jpg") pelo código da imagem que vc fez o upload, mas lembre-se...você só deve substituir o endereço que está dentro das aspas (""), por exeplo, se eu fosse substituir aí pelo código dessa imagem:
"http://www.endereçodoseublog.com.br/topo.JPG"
eu iria substituir por
"http://www.templatesbybecca.blogger.com.br/topo.JPG"
*O mesmo deve ser feito com o endereço http://(dentro das aspas "") na linha 29 do código (de cima pra baixo).
Depois é só copiar o código e colar no lugar do seu template. OBS: as configurações de posts e perfil podem estar trocadas ou mal configuradas, por isso você deve reconhecer a seguinte tag, no código, para que possa fazer as alterações necessárias:
OBS: Para facilitar o reconhecimento, é apropriado que vc copie esse código pra algum lugar (sem ser o word).
( left:532px ) ( top:511px ) ( width:232px ) é o que você deverá mudar caso aconteça o que foi dito acima. Está configurado em pixels.(pontos, unidade de medida do paint e da maioria dos editores de imagens de hoje em dia) OBS: Um modo apropriado de vc verifikar a medida necessária eh colando a imagem no paint e medindo o retângulo do post da seguinte forma: selecione a ferramenta recortar e faça como se fosse recortar a região que quer medir, enquanto vc arrasta a ferramenta vai aparecer a medida em largura x altura, no canto inferior direito da tela, lá estah sua medida.
Ou entaum vá diminuindo ou aumentando até acertar.
Left = A distância da esquerda que o texto vai ter:
Top =A distância do topo pro texto.
Width = A largura que vai ter o texto.
OBS: Esse tutorial deve ser seguido exatamente como exibido, até nas letras maiúsculas, porque qualquer erro exigira uma mudança no código html completo, para resultar num template.
Tutorial criando por Rebeca Isnard
Voltar para página inicial