HTML basico para orkut
Autor: Vitor Farias | Publicado: 2010-02-12T14:15:00-04:00

Orkuteiros de plantão, hoje venho com um artigo que vocês irão gostar muito! Principalmente aqueles que gostam de deixar o perfil com tudo arrumadinho, com textos no meio, no lado, imagem, e blá-blá-blá...


Você sabe pra que serve e o que significa aquele botão no novo orkut que está escrito HTML?

Muita gente pensa que aquilo significa HOTMAIL. Mas HTML e HOTMAIL não têm nada a ver.


HTML significa HyperText Markup Language que em português é Linguagem de Formatação de Hipertexto. O HTML trata-se de uma linguagem de marcação utilizada para produzir páginas na Internet. O seu "Quem sou eu" no orkut, é em HTML.



Vejo vários e vários perfís, que as pessoas para colocarem algo no meio, seja imagem, texto ou qualquer outra coisa, elas utilizam vários espaços. Mas isso está totalmente errado! Alem de isso ocupar muitos caracteres, o seu texto nunca vai ficar no meio certinho. Hoje irei ensinar como formatar seus textos no orkut e em outras paginas se quiser, da maneira mais certa.




1º - Como colocar uma imagem no perfil?


Veja esta video-aula que lá estou ensinando a fazer isto.


2º - Como centralizar uma imagem ou texto no perfil?

O código em HTML para centralizar algo é &lt;center&gt;&lt;/center&gt;

, você precisa colocar o seu texto ou a imagem entre as tags &lt;center&gt; e &lt;/center&gt;.

Seu código deverá ficar assim:

&lt;center&gt;Seu texto ou imagem aqui&lt;/center&gt;


3º - Como alinhar algum texto à direita ou esquerda?

Por padrão, todo texto que você escreve é alinhado a direita. Mas para alinhar a esquerda você precisa colocar o seu texto ou imagem entre o seguinte código HTML: &lt;p align="right"&gt;&lt;/p&gt;.

Então seu código deverá ficar assim:

&lt;p align="right"&gt;Seu texto ou imagem aqui&lt;/p&gt;


4º - Como deixar um texto ou uma palavra com letras menores?

O código HTML para deixar um texto ou uma palavra pequena é &lt;small&gt;&lt;/small&gt;. Você deverá colocar sua palavra entre &lt;small&gt; e &lt;/small&gt;

Seu código deverá ficar assim:

&lt;small&gt;Seu texto aqui&lt;/small&gt;

Quanto mais &lt;small&gt; você colocar, maior seu texto vai ficar. Mas se você abrir 5 &lt;small&gt; você terá que fechar o &lt;small&gt; 5 vezes. Por exemplo:

&lt;small&gt;&lt;small&gt;&lt;small&gt;&lt;small&gt;Seu Texto Aqui&lt;/small&gt;&lt;/small&gt;&lt;/small&gt;&lt;/small&gt;

5º - Como deixar um texto ou uma palavra com letras maiores?

É a mesma coisa de deixar menor. Mas desta vez ao em vés de usar &lt;small&gt;&lt;/small&gt; você usará &lt;big&gt;&lt;/big&gt;.

Seu texto deverá ficar assim: 

&lt;big&gt;Seu Texto Aqui&lt;/big&gt;


6º - Como colocar links?

Para colocar links você usará a seguinte tag: 

&lt;a href="PARTE 1"&gt;PARTE 2&lt;/a&gt;

No lugar que está escrito PARTE 1 coloque o endereço do site que você quer que vá quando a pessoa clicar no seu texto. No lugar que está escrito PARTE 2 coloque o seu texto.

Seu link deverá ficar parecido com este:

&lt;a href="http://blogdovitorfarias.blogspot.com/"&gt;Meu Texto&lt;/a&gt;

Agora vocês já sabem os códigos HTML que fazem as coisas ficar no meio, deixar letra menor, etc... Mas como usá-los? Lembram-se da video-aula de como colocar imagens no perfil? É o mesmo procedimento. Mas explicarei melhor passo-a-passo.


1º - Antes de editar seu perfil, faça uma cópia do mesmo para que se você erre em alguma coisa, você tenha uma cópia pronta.



2º - No Início de seu Novo Orkut, clique em Perfil. Aparecerá seu perfil e em baixo "mostrar mais". Debaixo de mostrar mais tem uma janela que é para você poder mandar recado para si mesmo. Em cima desta janela, tem o botãozinho HTML, clique nele. Você desativou o HTML.



3º - Agora lá escreva o seu código, seja ele para uma imagem, link, alinhar um texto... Escrevendo seu código. clique naquele botão HTML novamente para ativar o HTML.



4º - Agora que você ativou o HTML, o seu texto ou imagem ja estará lá do jeito que você quer. Agora copie tudo.



5º - Clique para editar seu perfil ali mesmo, em cima, e cole o seu texto ou imagem&nbsp; no lugar que você quiser, seu texto ou imagem já estará com o código embutido.



6º - Agora é só salvar e comentar neste post dizendo brigadooo xD

Pronto! Coloquei aqui só as tags HTML mais usadas no orkut, para você poder fazer sua pagina do orkut ficar com a sua cara! Existem muitas e muitas outras tags em HTML, mas não há necessidade para mim colocá-las aqui. E não se esqueça: espaço para centralizar itens? NUNCA MAIS!!


Não é proibida a cópia deste artigo, contanto que a fonte (Blog do Vitor Farias) seja citada.