Blog do Vitor Farias
  • Início
  • Pedidos
  • Parcerias
  • Divulgação
  • Contato
  • Sobre



Este blog permanecerá desativado por tempo indeterminado. Os comentários, em sua maioria, não estão sendo respondidos devido à minha indisponibilidade de tempo. Mesmo assim a página de pedidos continuará aberta para que na volta do blog todos os pedidos sejam atendidos.
Porém, podemos nos contatar através do Facebook ou por meio de algum dos serviços listados na página de contatos.

Vitor Farias

HTML basico para orkut

55 comentários
Postado sexta-feira, 12 de fevereiro de 2010 por Vitor Farias

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 é <center></center>
, você precisa colocar o seu texto ou a imagem entre as tags <center> e </center>.
Seu código deverá ficar assim:
<center>Seu texto ou imagem aqui</center>

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: <p align="right"></p>.
Então seu código deverá ficar assim:
<p align="right">Seu texto ou imagem aqui</p>

4º - Como deixar um texto ou uma palavra com letras menores?
O código HTML para deixar um texto ou uma palavra pequena é <small></small>. Você deverá colocar sua palavra entre <small> e </small>
Seu código deverá ficar assim:
<small>Seu texto aqui</small>
Quanto mais <small> você colocar, maior seu texto vai ficar. Mas se você abrir 5 <small> você terá que fechar o <small> 5 vezes. Por exemplo:
<small><small><small><small>Seu Texto Aqui</small></small></small></small>

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 <small></small> você usará <big></big>.
Seu texto deverá ficar assim:
<big>Seu Texto Aqui</big>

6º - Como colocar links?
Para colocar links você usará a seguinte tag:
<a href="PARTE 1">PARTE 2</a>
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:
<a href="http://blogdovitorfarias.blogspot.com/">Meu Texto</a>
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  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.



Marcadores: HTML, Mundo Virtual, Orkut, Tutoriais

55 Comentários

  1. gravatar Unknown disse:
    19 de fevereiro de 2010 às 20:08

    Conheço alguns comandos de HTML!!
    Gostei muito do Blog..
    Parabéns

  2. Vitor Farias disse:
    20 de fevereiro de 2010 às 23:11

    Fico muito feliz, que você tenha gostado do blog!!
    =D
    Fike com Deus!!

  3. gravatar Unknown disse:
    3 de março de 2010 às 15:59

    Oieee...
    Amei essas dicas pkê sempre que posso arrumo algo novo po meu Kut...
    :D...
    Parabeens...
    ;)

  4. Vitor Farias disse:
    10 de março de 2010 às 20:38

    Muito obrigado Tatiane!!
    Fike com Deus!!

  5. gravatar Rodrigo R. disse:
    19 de março de 2010 às 01:14

    Ajudou muiito :D
    Mas tem um probleminha, eu fui aumentar a letra do "quem sou eu" e o orkut todo ficou com a letra grande. Meu nome, "minhas comunidades", "meus amigos", etc...
    é assim mesmo ? "/
    Eu queria que ficasse normal :D

  6. gravatar Rodrigo R. disse:
    19 de março de 2010 às 01:44

    Como eu faço pra ele voltar ao normal ?
    Eu nao consigo nem ler direito o que esta escrito, as letras estao gigantes.
    Estou desesperado :S
    Me ajude por favor ...

  7. gravatar Rodrigo disse:
    19 de março de 2010 às 20:34

    aii mano, ja dei um jeito ;D
    Brigadao aee

  8. Vitor Farias disse:
    20 de março de 2010 às 22:14

    Que bom que você conseguiu!!
    É estranho ter tudo aumentado, pois a tag BIG só aumenta o texto que está entre ela...
    Provavelmente você deve ter sem querer apertado CTRL + a rolagem do mouse...

    Mas ainda bem que você conseguiu...
    Fike com Deus!!

  9. gravatar Anônimo disse:
    1 de abril de 2010 às 15:42

    muuito boas as dicas. valew xD

  10. gravatar Unknown disse:
    15 de abril de 2010 às 15:44

    Adoreii omeu ficou show!!
    ta de parabéns...;p

  11. gravatar Anônimo disse:
    15 de abril de 2010 às 20:17

    no meu orkut não tem essa palavra ae html!
    Como faço pra coloca la?

  12. Vitor Farias disse:
    15 de abril de 2010 às 22:02

    Cristiane: Muito obrigado!! Comentários como o seu é a minha motivação!! ^^

    Anônimo: Esta palavrinha HTML, está no canto superior direito (em cima à direita) de onde você escreve seus recados...

    Mas lembre-se: Você tem que estar no Novo Orkut; só assim esta palavrinha aparecerá...

  13. gravatar Anônimo disse:
    29 de abril de 2010 às 23:19

    oi o meu orkut novo não tem esse html? se conferi 2 mil vezes como faço para ativar

  14. gravatar Isabela disse:
    28 de maio de 2010 às 17:59

    Se eu coloquei html no quem sou eu do meu orkut inteirinho, como faço para tirar?

  15. gravatar jefhhh disse:
    19 de junho de 2010 às 14:05

    Heim, não consegui fazer meu perfil ficar centralizado, por mais que eu clique em HTML na atualização, faça o codigo, e depois clique de novo em HTML e copie tudo da atualização para o perfil de cima direto, não ficou centralizado, se bpuder me ajudar agradeço

  16. Vitor Farias disse:
    26 de junho de 2010 às 12:57

    Isabela Cristina: Se você quer deixar seu perfil sem nenhuma formatação, copie tudo que está nele, abre o Bloco de Notas, cole no Bloco de Notas, e depois copie do bloco de notas para seu perfil. Assim, nada vai estar formatado, e não terá mais HTML.

    Jefhhh: É estranho... Deveria ficar o.O
    Será que você não está errando em alguma parte do código?

  17. gravatar Lilian disse:
    15 de julho de 2010 às 23:21

    Olá Vitor, será que poderia me ajudar?

    Eu estava tentando mandar um recado de parabéns com texto, barra animada e gifs no orkut para um amigo e queria tudo centralizado...

    Mais acontece o seguinte, a primeira linha não fica centralizada de maneira alguma, faço tudo certinho, e quando visualizo está perfeito, mas é só enviar e a primeira linha seja ela texto ou imagem não fica centralizada...

    Sabe me dizer o por que disso e o que estou fazendo de errado?

    Agradeço desde já.

  18. Vitor Farias disse:
    19 de julho de 2010 às 21:18

    Lilian: Peço desculpas por estar respondendo atrasado. Eu viajei e fiquei ausente por uns tempos. :S

    Lilian, talvez você esteja fazendo tudo certo, o problema é que o orkut tem alguns problemas para interpretar HTML. As vezes, os comandos em HTML estão escritos perfeitamente, porem o orkut na hora de postar muda um pouco a estrutura do seu código.

    Não sei dizer o porque isto acontece no orkut. Eu tambem já me deparei com varios problemas do tipo.

    Da próxima vez, no parágrafo que não centralizar use a tag de parágrafo alinhado no centro:

    <p align="center"> Seu texto aqui </p>

    Será a mesma coisa de alinhar seu texto a esquerda ou direita, mas desta vez será no meio =)

    Se o problema continuar, você pode me mandar o recado inteiro e eu tentarei achar o problema =D

  19. gravatar nando disse:
    23 de julho de 2010 às 13:23

    gostei muito varias duvidas se foram brigado e parabens " )

  20. gravatar Lilian disse:
    25 de julho de 2010 às 00:26
    Este comentário foi removido pelo autor.
  21. gravatar Lilian disse:
    25 de julho de 2010 às 00:30

    Vitor obrigada por responder-me...

    Esses dias eu fiquei tentando e consegui centralizar o recado todo colocando a embed da música na primeira linha da mensagem, e deu tudo certinho.(Uso a embed com valores 1 para que só a música toque).

    Mas vou te falar viu estou tentando fazer isso agora do mesmo modo que fiz com a outra mensagem e nada, a primeira linha não fica centralizada de maneira alguma, dá até raiva... rsrs

    Eu não entendo nada de HTML, aprendo pesquizando aqui mesmo, mais ainda não achei nada pra resolver isso... vou te mandar o recado que tento mandar e o endereço de onde se encontra o modelo com a primeira linha descentralizada, se poder me ajudar serei grata, pois tenho um problema o perfeccionalismo... rsrs

  22. gravatar Lilian disse:
    25 de julho de 2010 às 00:43

    CONTINUANDO: No recado que deu certo eu fiz assim:

    1ª linha - Código embed da música
    2ª linha - Barrinha divisória: http://c3.quickcachr.fotos.sapo.pt/i/n5304391b/6361693_cQYQi.gif
    3ª linha: Texto
    4ª linha - Barrinha divisória: http://c3.quickcachr.fotos.sapo.pt/i/n5304391b/6361693_cQYQi.gif
    5ª linha: Texto
    6ª linha - Gif: http://xa0.xanga.com/a1df5131c6533251707451/z199877071.gif

    Hoje tentei fazer da mesma maneira e nada, a primeira linha que aparece (a barinha, pois a música fica invisivel) fica descentralizada e o resto centralizado... não sei o que pode estar havendo... não sei o que fiz que deu certo da outra vez, creio que fiz da mesma maneira que citei acima...

    No modelo que está em meus recados fiz da maneira que você falou e nada, pode olhar aqui:

    http://www.orkut.com.br/Main#Scrapbook?rl=mo&uid=16059454657421317039

  23. gravatar Lilian disse:
    25 de julho de 2010 às 00:47

    Bom dá uma olhadinha lá, desculpe ai o tamanho dos comentários.

    Obrigada desde já.

  24. Vitor Farias disse:
    27 de julho de 2010 às 02:49

    Uma boa opção para corrigir este erro, seria usar o atributo align na imagem que não quer ficar no meio. Por exemplo:

    <img src="http://c3.quickcachr.fotos.sapo.pt/i/n5304391b/6361693_cQYQi.gif" align="center">

    Mas, infelizmente, por algum motivo, o orkut não interpreta o atributo ALIGN="center" da tag... (o que deveria interpretar)
    _____
    Seu código deve estar realmente igual ao do recado que deu certo, porem o orkut tem um certo "probleminha" com HTML :P

    O problema, é que o orkut distorce o código, deixando-o diferente depois de enviado como recado... =\

    Não sei o que fazer para te ajudar, se você quiser me enviar por recado no orkut o código no qual você está encontrando dificuldades, talvez eu consiga ajudar... =)

  25. gravatar Anônimo disse:
    1 de agosto de 2010 às 22:33

    Não consegui colocar no perfil, só ficou como eu queria nos recados, mas quando passo para o perfil, ele fica como código e não como eu queria. =/

  26. gravatar junior disse:
    11 de agosto de 2010 às 11:12

    como colok musica no perfil ?

  27. gravatar ga disse:
    28 de outubro de 2010 às 11:59

    sou eu q convidei la no orkut !me da uma ajudinha aí pra min colocar musica no orkut !obrigado pela atenção ok!

  28. gravatar Anônimo disse:
    5 de janeiro de 2011 às 11:46

    Agradecido pelas dicas, são ótimas.

    Ufa sai do Básico.

  29. gravatar Anônimo disse:
    9 de fevereiro de 2011 às 17:05

    Super legal !
    Agradecida , dicas otimas !

  30. gravatar Daniele disse:
    2 de março de 2011 às 20:21

    Olá, fiz tudo certinho como voce explicou de clicar la no html e desativar, mais eu coloco os códigos e nunca funcionam ¬¬ ja perdi a paciencia.

  31. gravatar Millenafv disse:
    9 de março de 2011 às 22:17
    Este comentário foi removido pelo autor.
  32. gravatar Anônimo disse:
    9 de março de 2011 às 22:20

    Não consegui com os links. Só mudam a cor e ficam sublinhados, mas não adianta! ''/

  33. gravatar Michelle disse:
    12 de abril de 2011 às 18:41

    aaaah adorei. Obriigada *--*

  34. gravatar Anônimo disse:
    15 de maio de 2011 às 20:48

    Me ajudou d+++

    Obrigada msm =D

  35. gravatar Anônimo disse:
    20 de maio de 2011 às 13:46

    vou testar essas dicas.....pq já estou cansada de tentar postar scraps em minha comunidade pq quando formato o scrap e passo pelo pasteurizador....e testo os códigos no orkut fica tudo centralizado mas na comunidade, fica imagem pra um lado e texto pra outro Affff

  36. gravatar Anônimo disse:
    23 de junho de 2011 às 18:12

    Cara vc baixou o template ou vc feiz ele no drewevar?

  37. gravatar Anônimo disse:
    13 de julho de 2011 às 15:03

    Obrigado!

  38. gravatar vinicius disse:
    30 de julho de 2011 às 20:46

    oi

  39. gravatar Barbara disse:
    12 de agosto de 2011 às 19:34

    Nenhum desses big e small dá certo :(

  40. gravatar Anônimo disse:
    15 de setembro de 2011 às 20:07

    Lixo

  41. gravatar Anônimo disse:
    25 de setembro de 2011 às 01:47

    oi, tenho um blog e quero saber se voce tem uma dica para deixar lo bem diferente!!!

  42. gravatar Anônimo disse:
    13 de outubro de 2011 às 00:49

    own obrigadinha ^^ muito legal

  43. gravatar DANILLO EDSON disse:
    29 de outubro de 2011 às 12:00

    MI AJUDOU MUITO!! GOST£I D + !

  44. gravatar Anônimo disse:
    2 de novembro de 2011 às 19:03

    valeuu!!! gostei.. só não sei se é assim msm. É pq eu msm não vejo ja na pagina inicial. São so meus amigos que vê?
    mas valeu

  45. gravatar Anônimo disse:
    5 de novembro de 2011 às 00:45

    véei valeu ai pelas dicas!
    minha namorada feez um html no perfil dela dedicado pra mim e eu qeria fazer um mais nn sabia fazer direito kk' tuas dicas me salvaram, eu fiz um ficou até bacana, mas com tuas dicas ficou melhor ainda (:

    Por: Leonardo

  46. gravatar Anônimo disse:
    12 de novembro de 2011 às 13:36

    aaaaaaaaah me ajudou demais .Brigada, bggs *-*

  47. gravatar Anônimo disse:
    14 de novembro de 2011 às 16:08

    Obrigado;*
    as melhores dicas akii =D'

  48. gravatar conta no google disse:
    4 de janeiro de 2012 às 10:13

    quero no html a foto do chico norris em meu orkuti edilsonlopes3326@hotmail.com

  49. gravatar Unknown disse:
    5 de março de 2012 às 16:05

    Se esse é o blog de HTML basico para orkut agora eu quero o avançado, quero mais que isso. Dar mais umas dicas aí pra gente. Abraços de "garoto perdido"

  50. gravatar Anônimo disse:
    16 de abril de 2012 às 11:20

    e ae seu blog e zica mais ainda tem muitas outras coisas de html mais e ae seu blog e demais ajuda muito parabéns
    ASS: Rodrigo

  51. gravatar ❝(٬̲͠E)dшāгd ┋▪ ‹Cullēп ϟ ‹Māsēп®Ḇlāck≀™ disse:
    23 de junho de 2012 às 16:55

    Gostei muito do blog Parabens !

  52. gravatar Anônimo disse:
    28 de junho de 2012 às 00:08

    Parabéns pra quem consegue fazer o Orkut funcionar!!!Eu estou tentando já faz um mes e não consigo postar nada na caixa de mensagens, o html não funciona mesmo!!!Vou perder meus contatos!!!vc pode me ajudar???

  53. gravatar Anônimo disse:
    5 de julho de 2012 às 20:02

    nao consegui nao da certo poxã:(

  54. gravatar Unknown disse:
    23 de julho de 2012 às 21:50

    nao consegui colocar o link la aparece todo o link ao inves de so o nome :(

  55. gravatar Unknown disse:
    23 de julho de 2012 às 21:54

    queria fazer assim no perfil pra quando clicarem irem diretamente pra pagina correspondente
    Perfil I | Perfil II tá nele | Faceboock | Comunidade | Twitter |
    como faço isso?

Deixe um comentário aqui!!

xat.com/blogdovitorfarias

Marque isto como +1

Destaques do blog

O artigo que está em destaque neste mês, pois teve mais acessos até agora, contando des do dia 01/01/12, é:

HTML basico para orkut
(
com 15.805 visitas)

Um artigo atual, que nele você aprende o básico do básico de HTML. Ali coloquei as tags mais usadas no orkut..


Coordenadas no Google Earth
(
com 12.961 visitas)

Uma relação de coordenadas geográficas de lugares interessantes e até curiosos, que você poderá conferir no Google Earth

Chat

Entre em nosso chat, tire suas duvidas, converse com quem estiver online, troque idéias, dê sugestões e muito mais!!
Entre agora mesmo!


Adicione nosso grupo em seu MSN e entre em contato online com nossos membros!! Converse, troque idéias, tudo no seu MSN!!
group1020395@groupsim.com

Mais informações »

Seguidores

Contadores

Por IP:


Por visualização da pagina:
Contador

Usuários Online:

Marcadores

  • Curiosidades (6)
  • Dicas (4)
  • Downloads (3)
  • HTML (3)
  • Humor (5)
  • MSN (2)
  • Mundo Virtual (8)
  • Nerdices (2)
  • Orkut (4)
  • Programas (4)
  • Truques (5)
  • Tutoriais (6)

Arquivos do Blog

  • ▼  2010 (19)
    • ►  março (2)
    • ▼  fevereiro (7)
      • Sistema de cores RGB
      • Coordenadas no Google Earth
      • Problema nos comentários
      • Fazendo ligações de graça do PC
      • HTML basico para orkut
      • O que é Leet Speak?
      • Segredos do Google
    • ►  janeiro (10)
  • ►  2009 (11)
    • ►  dezembro (5)
    • ►  novembro (6)

Eu acompanho e recomendo!

Acesse Guanabara.Info

Divulgue nosso blog

Coloque nosso banner em seu site, blog ou perfil publico!
Copie o código abaixo

Obter mais banners em diferentes resoluções »


  • Início
  • Sobre
  • Contato
Powered by Bloger | Designed by WebTreats
Converted by Wordpress To Blogger for WP Blogger Themes | Customized by Vitor Farias