Colocando Fotos no Forum

[L340]

Hoje me perguntaram como colocar fotos aqui no Forum, então resolvi criar esse tópico.

Temos diferentes formas de fazer isso, eu prefiro a mais Nerd.

A maneira mais simples é usar o botão que o próprio fórum fornece.

Clique nele, escolha o arquivo e aguarde até que seja carregado.

Depois clique me Host it para abrir o site Imageshack, cope o “código do Forum” e cole na sua mensagem.

Quando estava escrevendo isso, o site me pediu para registrar, não sei qual a conseqüência de não estar logado.

Nerd Mode:
Depois da Invasão das Pererecas, testei alguns hospedeiros de fotos e cheguei à conclusão de que o melhor é o Photobucket.
Melhor por quê?
Porque ele tem a versão celular, mais leve e eu posso jogar as fotos lá a qualquer momento (desde que tenha um plano bom ou more num lugar com cobertura daquela empresa que oferece internet a R$0,50 por dia).
Porque nele você pode criar álbuns/pastas para organizar suas fotos, não exibe propaganda na foto (como o Multiply), não abre pop up do live jasmin (como o Image Venue) e tem algumas ferramentas de edição básicas, como redimencionar e até mesmo borrar (útil para borrar as placas).
Outra coisa que acho interessante, é que ele gera thumbnails (miniaturas) para seu próprio uso na organização e gerenciamento das imagens, daí eu pego esses thumbnails emprestados.
Primeiro você precisa criar uma conta no site:
http://photobucket.com/?src=wap
Caso tenha uma conta no Facebook ou no Twitter, pode usar para o login, a partir daí ele cria a sua conta.
Eu uso uma conta para cada coisa.
Depois de fazer login no site, crie o álbum desejado (caso queira organizar) ou coloque as fotos tudo num lugar, fica a seu critério.
Para enviar as imagens, use o botão "Upload Now":

Depois clique em “Select Photos and Videos”, procure os arquivos no seu computador e envie.

Depois clique em Save and continue to my album.

Depois que a imagem está lá, vamos pegar o thumbnail emprestado.
Quem usa Mozilla, clique com o botão direito sobre o thumbnail da imagem escolhida e escolha a opção “Copiar Endereço da Imagem”.
Quem usa o Chrome, deve-se clicar com o botão direito e escolher a opção "copiar URL da Imagem".
Quem usa o Internet Explorer, precisa clicar com o botão direito, escolher a opção "propriedades" e na janela que abrir marcar e copiar a linha Endereço (URL).

Então clique no botão de “imagem” do fórum, cole o endereço que você copiou do Photobucket e clique em OK.

Então estará lá o código do Thumbnail, marque ele e recorte.

Clique no botão de link e cole o código na linha de baixo.

Vá até o photobucket, posicione o cursor sobre a imagem até que apareçam as opções abaixo dela, então clique em “direct link”, aparecerá a palavra “copied”.

Volte no fórum e cole na linha de cima.

Aí está o código:


O resultado é esse:
Um link leve cujo destino pode ser uma foto pesada.


Essa é a forma que eu faço, não quer dizer que seja a melhor ou a correta, apenas o modo como eu acho melhor.
Quem tiver outra receita, compartilhe :-)

No início eu colocava as fotos para serem abertas direto na página, por achar mais prático, porém, em conexões mais lentas, é um problema que faz até perder a vontade de ler o tópico.

Pontos ruins do Photobucket:
Não tem uma ferramenta para automatizar esse “roubo” de thumbnail, você tem que usar a ferramenta do fórum para criar o link com thumbnail.
Aparecem propagandas no canto e enquanto carrega imagem, pode ser que abra um comercial. A noite dá o maior susto.

[Pasetto]

OPs....o que seria da gente se vc...mano.....rs...

Tks...

[L340]

que nada, o que seria de todo mundo no forum se não fosse todo mundo no forum
acho que deu pra entender né.
pessoal, estou incluindo aqui mais uma possibilidade de postagem em miniatura muito mais fácil que o modo como disse anteriormente.
É o seguinte:
Depois de fazer login no site do photobucket, vc precisa configurar sua conta para exibir uma opção a mais.
Para isso, clique na setinha ao lado do seu login e escolha "Account Settings".

Abrirá esta outra tela:

Clique então em "Album Setting"

Nesta tela, marque a opção "IMG Thumb" e clique em "Save".

Notem que apareceu mais uma linha abaixo das imagens:

Clique sobre o endereço, deverá aparecer a palavra "copied" com fundo amarelo, caso não apareça, precione "Ctrl + C"
Aqui no forum, precione Ctrl + V, o código deverá ser algo semelhante a isso:

Código:

[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/?action=view&current=Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL]

e o resultado é esse:

Um link pequeno que te levará para o álbum do photobucket, cheio de propagandas e coisas mais.
Então vem o pulo do gato, basta tirar o trecho "?action=view&current="
Código fornecido pelo site:

Código:

[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/?action=view&current=Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL]

Código sem o trecho "?action=view&current="

Código:

[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL]

Então o resultado é esse:

Um link pequeno que leva direto para a imagem, sem propaganda, sem popup, e com a vantagem que o próprio Photobucket limita o tamanho da imagem, então nunca será pesado demais.

Então vem a questão:
E no caso de fotos de um passeio? Terei de apagar um por um?
A resposta é:
Claro, estou nem aí, se vira.

Vamos ao pulo do gato por demanda:
Abra o bloco de notas e vá colando os links lá:

(colei os mesmos links várias vezes só pra enfeitar)
Então marque o trecho "?action=view&current=", e copie

Clique em "Editar" e "Substituir"

Na janela, cole o trecho "?action=view&current=" na linha de cima e deixe a linha de baixo em branco (em branco mesmo, sem nem espaço) e clique em substituir tudo.

Pronto, o bloco de notas tirou o trecho "?action=view&current=" de todas as fotos pra vc.
Basta marcar e copiar:

Então cola no forum, o resultado é esse aqui:






Caso queiro uma foto ao lado da outra, basta colocar o código sem quebra de linha e com um espaço entre um código e outro.
Em vez de assim:

Código:


[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/BauletoRoncarcomFranjacpia.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_BauletoRoncarcomFranjacpia.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/patoelho.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_patoelho.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Kansasassentoejetvel.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Kansasassentoejetvel.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/bigPhoto_0.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_bigPhoto_0.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Informaoimportante.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Informaoimportante.jpg[/IMG][/URL]

Inserir assim:

Código:


[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/BauletoRoncarcomFranjacpia.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_BauletoRoncarcomFranjacpia.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/patoelho.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_patoelho.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Kansasassentoejetvel.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Kansasassentoejetvel.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/bigPhoto_0.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_bigPhoto_0.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Informaoimportante.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Informaoimportante.jpg[/IMG][/URL]

O resultado será este:


Bom, vou tentar dormir que amanhã tem jogo:

[Conteúdo patrocinado]