Para quem está iniciando colocar uma imagem, mudar a cor ou até mesmo inserir um link pode ser complicado, no começo quando mechemos com HTML isso é comum, pois não temos nenhuma habilidade com códigos.
Se você não tem idéia de como usar as tags básicas eu vou dar uma ajudinha, mostrando como inseri-las no seu HTML ou até mesmo no post.
Inserindo um link em uma palavra
<a href="http://LINKDAPAGINA.com">TESTE</a>
No blog só a palavra “TESTE” que aparece, mas quando o usuário clica nela, é redirecionado para a pagina do link, que no caso é “LINKDAPAGINA”.
Para abrir a pagina em outra janela usamos a variante target=”_blank” no final do link, ficando assim:
<a href="http://LINKDAPAGINA.com" target=”_blank”>TESTE</a>
Inserindo uma imagem
<img src=”LINKDAIMAGEM” />
Esse é o código, com base nisso temos várias modificações, como tamanho, largura, com link e etc.
Para inserir um link em uma imagem temos:
<a href="http://LINKDAPAGINA.com"><img src=”LINKDAIMAGEM” /></a>
Inserindo uma cor diferente no texto
<font color="#FFFF66" face="verdana" size="3">EXEMPLO</font>
Se você não tem idéia de como usar as tags básicas eu vou dar uma ajudinha, mostrando como inseri-las no seu HTML ou até mesmo no post.
Inserindo um link em uma palavra
<a href="http://LINKDAPAGINA.com">TESTE</a>
No blog só a palavra “TESTE” que aparece, mas quando o usuário clica nela, é redirecionado para a pagina do link, que no caso é “LINKDAPAGINA”.
Para abrir a pagina em outra janela usamos a variante target=”_blank” no final do link, ficando assim:
<a href="http://LINKDAPAGINA.com" target=”_blank”>TESTE</a>
Inserindo uma imagem
<img src=”LINKDAIMAGEM” />
Esse é o código, com base nisso temos várias modificações, como tamanho, largura, com link e etc.
Para inserir um link em uma imagem temos:
<a href="http://LINKDAPAGINA.com"><img src=”LINKDAIMAGEM” /></a>
Inserindo uma cor diferente no texto
<font color="#FFFF66" face="verdana" size="3">EXEMPLO</font>
- Font e /font: Usado para abrir e fechar as tags de formatação;
- Color: Temos a cor da fonte;
- Face: Temos o tipo de fonte;
- Size: O tamanho da fonte.
Isso gera muitas dúvidas, mas é fácil, basta saber os comandos iniciais e o código das cores. Neste site temos vários códigos com cores.
Linkando um e-mail
<a href="mailto:SEUE-MAIL@PROVEDOR.COM">E-MAIL</a>
Onde está escrito “seue-mail@provedor.com” você colocará o e-mail desejado.
Se você usa o blogger como plataforma não precisará usar essas linhas na hora de criar a postagem, pois ele possui umas ferramentas de fácil acesso, onde você clica sobre o ícone desejado e ele inseri o código para você, facilitando sua vida.
Agora, se você for mexer no seu template e entrar na guia “Editar HTML” terá que usar muitas vezes os códigos citado acima, disso pode ter certeza.
Linkando um e-mail
<a href="mailto:SEUE-MAIL@PROVEDOR.COM">E-MAIL</a>
Onde está escrito “seue-mail@provedor.com” você colocará o e-mail desejado.
Se você usa o blogger como plataforma não precisará usar essas linhas na hora de criar a postagem, pois ele possui umas ferramentas de fácil acesso, onde você clica sobre o ícone desejado e ele inseri o código para você, facilitando sua vida.Agora, se você for mexer no seu template e entrar na guia “Editar HTML” terá que usar muitas vezes os códigos citado acima, disso pode ter certeza.
