Tutorial: Criar página de PNGs em 5 passos

Olá, pessoal! Tudo bem com vocês? Depois de muitos pedidos através de comentários aqui do blog e mensagens privadas no Nyah!Fanfiction, finalmente, hoje irei ensinar vocês à fazer uma página de PNGs, igual essa que eu tenho no blog. Para isso, é necessário que você tenha um mínimo de conhecimento sobre HTML, porque para realizar a tarefa, vamos utilizar um código. Mas vai ser bem tranquilo de fazer. Esse não é o modo que eu faço aqui no blog, mas é um jeito bem simples de realizar. Eu testei todo esse processo antes de fazer o tutorial e comigo funcionou perfeitamente. Vamos lá!

Primeiro passo: Você precisa do seu PNG em tamanho original e esse molde que eu utilizo aqui no site. Recorte e redimensione uma cópia do seu png no tamanho 100x100 e encaixe dentro do quadrinho.

Segundo passo: Hospede as duas imagens (o png original e o molde com o desenho no quadrinho) em um outro blog, ou em algum outro site (por exemplo, rede social), pois vamos precisar dos links das duas imagens mais tarde.

Terceiro passo: Crie uma nova página em branco no blogger e antes de escrever qualquer coisa, clique na opção "HTML" que fica ao lado da opção "Escrever", no canto superior da página. Cole o código abaixo:


<a href="LINK DA IMAGEM COMPLETA"><img alt="tmjmelhores.blogspot.com" border="0" height="139" src="LINK DO MOLDE" style="cursor: move;" width="119" /></a>

Quarto passo: Essa é a hora de modificar o que se pede. Onde está "LINK DA IMAGEM COMPLETA", você vai colar o link do seu png em HD, e onde aparece "LINK DO MOLDE" você vai colar o link da imagem pequena, a do quadradinho.

Quinto passo: Agora é só publicar a sua página e deixar a sua galeria organizada. Sempre que quiser colocar mais "quadradinhos", você deve repetir o mesmo processo colando os novos códigos sempre acima do último que você colocou. É um processo meio chatinho no começo, mas depois que você pega a prática fica bem fácil, e até bom de fazer.

Espero ter ajudado! Gostou do tutorial? Se a dúvida surgir, pode perguntar nos comentários que tentarei resolver o seu problema. Até o próximo #tutorial, crianças! :D


VEJA TAMBÉM:

• Tutorial: Colocar imagens dentro do balão no PFS;
• Tutorial: Fazer PNG no PhotoFiltre Studio X;
• Participe do TMJ Melhores!