Olá amigos, este é o primeiro tutorial inédito no BK Web-Site.
O objetivo é com que você aprenda a trabalhar com um sistema de armazenamento de imagens. Particularmente o nosso favorito é o Photobuket. Por isto irei focar este tutorial nele =]

Porém, este tutorial é MUITO longo, recomendo você a ler somente as seções que lhe convém, caso você não entenda nada sobre o assunto, ligue uma música e leia o tutorial (tópicos 1, 2, 3, 3.1 e 4 são os mais importantes).

Índice
1. Criando uma conta
2. Preparativos
2.1 Informações do álbum
2.2 Propriedades do álbum
2.3 Informações extras
3. Upload de imagens
3.1 Upload de uma imagem do seu computador
3.2 Upload de vídeo
3.3 Upload de URL Remota
3.4 Upload de celular
4. Divulgando sua imagem
4.1 Pegando o thumbnail
5. Outras operações

Abra o site www.photobucket.com e clique sobre o botão Join Now!

Você será mandando para a página de registro, onde deverá escolher um usuário e senha (ela deve ter pelo menos 8 caracteres). Lembre-se de não usar digitos especiais (*, \, /, ?,...) e, de preferência, não use espaços nem letras maiúsculas. Veja o exemplo da imagem abaixo.

Depois de concluir, clique no botão Next Step.
Se você acabar ficando nesta mesma janela e aparecer um balão com mensagens escritas de cor vermelha, leia o erro atentamente. Você, provavelmente escolheu um Username inválido ou em uso ou digitou senhas diferentes.
Se você fez tudo correto, verá uma janela como a que se segue:

Você deve preencher os dados conforme a lista abaixo:
First Name: Seu primeiro nome
Last Name: Último nome
Email: Seu endereço de e-mail.
Gender: Male (Masculino) / Female (Feminino)
Birthday: Aniversário, o formato pedido é Mês / Dia / Ano (lembre-se de que é necessário ser maior de 13 anos para poder fazer o registro)
Country: País
ZIP/Postal Code: Deixe em braco.
See this weird code? Re-type it here: Digite o código da figura na caixa de texto.
Depois de fazer tudo isto, clique sobre I accept. Sign me up!

Se tudo ocorreu certinho você deverá receber dois e-mails enviados por support@photobucket.com, um com Dicas rápidas (Quick tips) e outro com seus dados de login (Welcome to Photobucket). Estes e-mails podem ocasionalmente estar em sua caixa de e-mails massivos (SPAM). Particularmente recomendo a você guardar o e-mail com dados do login.

Se você se registrou de forma correta, feche qualquer página que apareça.
Depois, abra o site www.photobucket.com.
Na parte de cima, na direita, você deve ter os campos de login e password. Coloque seu usuário e senha que você forneceu durante o cadastro. Se você esqueceu, leia o e-mail do Photobucket.
Diferente de outros sites de hospedagem de imagens, neste você tem total acesso a imagem, tendo um diretório fixo de hospedagem, podendo renomear, mover,...
Bem, vamos começar a configurar o seu novo álbum =]
Para isto recomendo que você vá ao cabeçalho (parte superior) da página e procure por account options.

Você verá várias opções nesta nova janela. Vou mostrar as funções que considero mais importantes primeiro, depois mostro as demais, tá bom?

Em Account Dashboard (ver imagem seguinte) você tem informações detalhadas sobre:
• Número total de fotos e filmes enviados (Total Pictures and Videos)
• Quantas vezes suas imagens foram carregadas (Monthly Hits)
• Além de contar com uma barra que mostra o espaço utilizado e o máximo que você pode usar (Album Size), quando fiz este tutorial, este tamanho era de 1GB.
• Temos também o Bandwidth mensal (Monthly Bandwidth), este Bandwidth (na época em 10GB) é o total que os visitantes podem pegar de informação do seu álbum. Ex: Se eu tenho uma imagem de 102,4KB hospedada, o espaço ocupado no álbum size é de 102,4KB, mas se esta imagem for vista por 1.000 pessoas, o Bandwidth usado será de 102.400KB (102,4 * 1000), deu pra entender?
Depois de tanto papo temos a imagem xD

Agora a opção que considero mais importante nesta janela, ela vem logo abaixo do que acabo de comentar, é o Album Settings. Clique sobre (edit my album settings).
Ao clicar nesta janela você verá as seguintes opções:
As opções são relacionadas ao álbum (o endereço que está na barra superior, a do exemplo que eu criei é http://s165.photobucket.com/albums/u42/bkitsune)
• Meu Álbum é (My album is): Público (Public) / Particular (Private).
• Password para amigos (Friend's Password): Se você deixar o álbum privado, pode gerar uma senha qualquer para que seus amigos acessem.
• Miniaturas por página (Thumbnails per page): Número de miniaturas por página
• Cor de fundo (Background color): Escolha a cor para o fundo do seu álbum
• Ordem aleatória (Sort album by): Ordem que deve aparecer quando um visitante selecionar uma ordem aleatória.
• Mostrar endereço da imagem (Display URL), Mostrar código HTML (Display Tag) e Mostrar BBCOde (Display IMG): Recomendo a você deixar todas opções com o certinho, depois vamos ver para que serve cada uma.
Clique no botão Save.

Você irá voltar para a janela de settings.

Depois de salvar e voltar a janela anterior, você poderá ver seus dados em Personal Information, caso queira mudar algo, clique na opção (edit my information).

Depois de tanto trabalho configurando, chegou a hora mais esperada por todos, a hora de hospedar e trabalhar com as imagens =]
Para isto, gostaria de pedir que você clique sobre a opção my album, localizada na parte superior da tela.

Você acabará voltando a janela principal do seu álbum. Note o quadro abaixo:

Você tem quatro abas para escolher: Upload from my PC, video, web url e mobile phone. Vamos começar com a padrão que é Upload from my PC.
Para carregar uma imagem do seu computador na web é muito simples. Porém, gostaria que você veja que acima dos três quadros em branco tempos max image size: 1024 x 768 (options), clique em options e coloque 1 megabyte file size, depois clique no botão save.

Este procedimento é muito simples, quando você estiver na sua conta, provavelmente estará na janela do álbum com a aba images from my PC selecionada, correto?
Basta clicar no botão Procurar... ao fazer isto, uma caixa de diálogo nomeada Abrir deve aparecer. Nela, clique uma vez sobre a imagem que você gostaria de enviar.

Depois de clicar uma vez sobre o nome da imagem, clique sobre o botão Abrir.
Você deverá ver uma janela semelhante a abaixo:

Perceba que o primeiro dos três quadrados foi marcado com um certinho, isto indica que a imagem que você escolheu está quase pronta para carregar.
Mas antes você deve repetir o procedimento até colocar todas as imagens que você deseja carregar. Note que aparentemente o limite é de 3 imagens, certo?
Para fazer mais campos destes aparecerem, basta clicar sobre a opção Add more.

Lembre-se que há um limite de imagens que você pode enviar por cada vez (se não estou enganado são 20).
Depois de selecionar as imagens, basta clicar no botão Upload.
Aguarde ele ser completo. Quando isto acontecer, aparecerá uma imagem no topo da tela avisando.

Depois de ler a mensagem, role a página pra baixo e note que agora você tem uma miniatura da sua imagem aparecendo. Você aprenderá como trabalhar com ela logo mais abaixo, no capítulo 4.

Certifique-se de estar na janela principal de upload.

Depois disto, clique na aba video.

Note que existe um limite máximo para o vídeo (na época que fiz este tutorial era de 5 minutos / 100MB).
O procedimento é o mesmo do upload de imagens: Basta clicar no botão Procurar..., selecionar o vídeo a seu enviado e depois clicar sobre Upload. Você será avisado de quando o processo for concluido.

Certifique-se de estar na janela principal de upload.

Este tipo de upload é muito simples. Uma URL Remota é uma imagem já hospedada em outro servidor. Para hospedar uma URL Remota você precisa do endereço original dela. Para conseguir isto, clique com o botão direito sobre a imagem que deseja hospedar, clique sobre Propriedades e copie o endereço da imagem. Depois, basta colar na aba web url. Você também pode utilizar o recurso de Add More, aprendido na seção Fazendo um upload do seu computador.

Depois de selecionar as URL que deseja enviar, basta clicar sobre o botão Upload. Novamente, você será enviado quando concluir.

Certifique-se de estar na janela principal de upload.

Clicando em mobile phone, você terá acesso a um endereço de e-mail.

Para enviar uma foto do seu celular para seu álbum, basta enviar um e-mail com a foto anexada para o endereço que foi lhe mostrado.

Até que enfim, você deve estar pensando, bem, eu também =]
Depois de realizar o upload de suas imagens note que aparecem miniaturas delas abaixo da caixa de upload, e abaixo da figura você verá três campos (URL Link, HTML Tag, IMG Code).

Para divulgar o link direto da sua imagem (para mostrar para colegas do Messenger, colegas de turma,...), clique sobre o quadro que está na frente de URL Link, copie o endereço e cole para seus amigos.
Para colocar a imagem em uma página pessoal da Internet que aceite código HTML, clique sobre o quadro que está na frente de HTML Tag, copie o endereço e cole na sua página.
Por último, se você participa de algum fórum na Internet e estre trabalhe com o sistema de BBCode, você pode adicionar esta imagem em um post. Como? Clique sobre o quadro que está na frente de IMG Code, copie o endereço e cole no seu post.

Se você quiser utilizar o thumbnail (miniatura) da foto para algo, basta seguir o seguinte procedimento:
Pegue o endereço URL da figura, vou pegar a que mostrei acima como exemplo, tá?
Exemplo:
http://i165.photobucket.com/albums/u42/bkitsune/tutorial_photobucket_imagem_010.jpg
Para pegar o thumb desta imagem basta digitar th_ antes do nome da figura, no caso do exemplo, o thumb dele é:
http://i165.photobucket.com/albums/u42/bkitsune/th_tutorial_photobucket_imagem_010.jpg

Este recurso de thumb é muito bom quando você quer postar uma figura muito grande, mas não deseja quebrar uma tabela, atrapalhar a vida das pessoas com Internet Discada,...

Depois de tanto tutorial, ainda temos mais um pouco xD

• Deletando uma imagem:

Acima de cada imagem você tem a opção delete, vê?
Para deletar a imagem, basta clicar sobre este botão e pressionar o OK na janela que irá abrir.

• Editando as propriedades de uma imagem:
Ainda acima da miniatura da foto (ver foto acima), basta clicar sobre o botão Edit. Clicando nele, você verá uma janela como a abaixo:

Através das opções superiores você pode: mudar o tamanho da imagem (resize), rotacionar (rotate) ou deletar. As outras opção não convém comentar agora (para voltar a ver a miniatura, basta clicar sobre seu username que fica na frente de current album).

• Criar sub-albuns é muito simples, eles servem para melhorar a organização.
Embaixo do quadro de upload você tem os dizeres: Create a new sub album e um quadro em branco.
Digite no quadro em branco o nome do seu sub-album (de preferência, use apenas letras minúsculas, evite caracteres especiais e espaços).
Daí é só clicar no botão create.

Para ver o álbum, basta clicar no nome dele, aí você pode enviar fotos dentro de certo álbum especifico,...

• Movendo figuras
Este é um recurso onde você pode mover uma figura de um álbum para o outro. Para fazer isto é muito simples.
Esteja na visualização de das figuras

Clique sobre o botão move. Fazendo isto você verá uma janela como a abaixo.

Basta selecionar o álbum de destino no campo na frente do Move To e clicar em Move. (Se você ver / na pasta de destino, este indica o álbum root, aquele sem pasta nenhuma).

Estas são as operações que acredito serem as mais simples do Photobucket. Espero que vocês tenham aproveitado =]

AVISOS IMPORTANTES:
Quando requisitado pelo site fonte ou por uma senha de extração, digite o endereço: http://brunokitsune.com