Inserindo galeria de imagens no blog

Posted by Leandro Macedo Posted on - - 0 comentários

Sempre que desejamos inserir várias imagens no blog, nos deparamos com o problema do espaço. Digamos que você deseje inserir 50 fotos de uma festa ou um evento no blog. Imagina o tamanho da postagem! O mais conveniente é inserir uma galeria de imagens! Veja o exemplo abaixo:

Vou ensinar a fazer essa aplicação e inserir no seu blog.. O serviço que iremos utilizar é o Flickr.

Para usar o Flickr, você precisa ter uma conta de e-mail no Yahoo. Se ainda não possui, clique aqui.

Criando uma conta Flickr e adicionando fotos...
1 - Preencha todos os dados para se cadastrar no Yahoo.
2 - Agora acesse o Flickr clicando aqui.
3 - Na página que se abriu, como é o primeiro acesso, clique em "Criar uma conta no Flickr"
4 - Deverá aparecer a mensagem: OK. Está tudo pronto "fulano"..
5 - Clique em "Faça Upload de sua primeira foto (vídeo).
6 - Siga as etapas 1, 2 e 3 para fazer upload de suas fotos. Quando estiver selecionando a imagem em seu computador, pressiona a tecla CTRL e com o mouse clique sobre as imagens que deseja fazer upload. Após selecionar todas, clique em "Abrir".
7 - Em "Definir privacidade", selecione "Público" e clique em "Fazer Upload de Fotos".

Criando um álbum...
8 - No menu superior, clique na aba "Organizar"
9 - Na janela que se abriu, clique na aba "Álbuns"
10 - Clique e arraste as imagens para para a área central da página. Adicione quantas desejar para exibir em sua galeria de imagens.
11 - À esquerda da página, dê um nome para o seu álbum. Faça uma breve descrição do álbum e clique em "Salvar"

Adicionando ao blog...
12 - No canto superior direito da página, clique em "Sua Galeria".
13 - No menu superior, clique na aba "Minhas Coisas".
14 - Clique em "Álbuns"
15 - O seu álbum deverá aparecer na tela. Clique sobre ele.
16 - No canto superior direito, abaixo da barra de busca, clique em "SlideShow". Será aberta uma janela escura com a sua imagem. Clique em "Compartilhar".
17 - No campo "Obter o HTML incorporado", copie o código existente.
18 - Abra o seu blog, no campo da postagem, acesse o HTML dele.
20 - Publique e veja como ficou!

Dicas: Você pode alterar o tamanho da galeria. Na etapa 17, antes de copiar o código, clique em "Personalizar este HTML". Na janela que se abriu, insira o valor em pixels para definir o tamanho ou clique na pré-definição "pequeno-médio-grande-muito grande".

Categories: Utilidades Web