Picasa Web Integrator é uma biblioteca em javascript que lhe permite, de forma simples e eficiente, inserir suas fotos do antigo Picasa, atualmente chamado Google Fotos, em um site ou blog. Tem como base visual o sistema Slimbox2, que certamente trarão um charme a mais para suas páginas. Saiba que são necessários conhecimentos intermediários sobre como criar sites para executar os procedimentos. Se tiver alguma dúvida deixe um comentário, mas lembre-se de dar detalhes sobre seu problema.
O sistema é muito prático, após instalado, a galeria de imagens ficará plenamente sincronizada com as fotos armazenas no Picasa. Mas nem tudo são flores, para executar o passo a passo a seguir serão necessários conhecimentos básicos de HTML além de um serviço de hospedagem:
1 – Faça o download do Picasa Web Integrator modificado.
2 – Abra o arquivo pwi-1.0.js com seu editor de texto
3 – Procure pela linha: pwi_username = “YOUR_USER_NAME_HERE”;
4 – Subistitua YOUR_USER_NAME_HERE com o seu login.
Como você já deve ter reparado o arquivo pwi-1.0.js contém a maioria das variáveis de customização. Já no passo quatro o sistema estará funcionando no modo standard. Para testar abra o arquivo index.html no seu navegador e as fotos e álbuns do Picasa deverão aparecer, a seguir:
5 – Upe todos os arquivos do PWI para sua hospedagem.
6 – Insera os scrips e css entre as tags Head.
7 – No local da galeria insira uma DIV com id=”container”.
8 – Use o arquivo index.html como modelo nos passos 6 e 7
Funciona perfeitamente com o blogger também. Nele os scripts podem ser colocados tanto no template como diretamente no corpo do post (recomendado). Dependendo das configurações de CSS do seu site bugs podem ocorrer. No meu, por exemplo, o visual ficou completamente torto. O problema era que o id=”container” já estava sendo usado por outra por outra DIV.
Mudando o nome do ID nas configurações do PWI o problema se resolveu. A propósito o arquivo pwi-1.0.js possui muitas outras opções como: alterar o álbum a ser exibido, mudar o tamanho das miniaturas e da imagem grande, alterar os texto que devem ou não aparecer entre outras. Tudo muito bem comentado. É isso, siga essas dicas que com um pouco de paciência você irá conseguir fazer a sua galeria também.
Agradeço se puderem me ajudar a configurar a galeria na pagina fdo blog.
As fotos estão ficando cortadas, já tentei redimensionar mas sem sucesso!
http://www.arenateenpt.com
Preciso de ajuda para configurar essa galeria na pagina, podem me ajudar?
olha como ficou no meu blog.
http://www.arenateenpt.com
Coloquei essa galeria no blog, mas como faço para colocar a galeria na mesma dimensão da area do post?
Não sei responder 100%. Mas creio que não haja problemas uma que vez que a API necessário ao desenvolvimento do script é criada pelo próprio google.
Sabe o motivo pelo qual seu site foi banido? Só por curiosidade.
Belo post, já baixei os arquivos e vou começar a mexer agora. Como já tive problemas c/ o Google (por um redirecionamento q coloquei certa vez no site da empresa q trabalho, o site foi excluído do index do Google por mais de 20 dias, o q derrubou em mais de 90% o nro de acessos ao site), lhe pergunto: é seguro colocar esta galeria no site? Ou seja, o Google ‘vê’ esta ferramenta c/ bons olhos? Se ñ souber responder, sem problemas. 1ABS
Sim, você deve upar tudo. O 4Shared, megaupload e etc não servem, não são servidores web.
Tente o http://xpg.uol.com.br/, é gratuito.
Eu tenho que upar todos os arquivos que vieram naquele download do Picasa Web??
Você pode indicar um hospedeiro legal pra colocar esses arquivos, com o 4Shared funciona?
Obrigado pela dica, certamente será útil para outros, e parabéns pelo empenho em tentar até conseguir.
Olá,
Tentei usar esta galeria mas não funcionou de primeira. Só depois descobri o problema.
Essa galeria somente acessa os álbuns que estão marcados como “Público” no Picasa. Como eu não tinha nenhum álbum público nada estava aparecendo na galeria.
Ou seja, é uma coisa que deve ser verificada.
De qualquer forma, esta galeria é muito útil.
Não sei Upa os arquivos do Picasa Web Integrator para seu serviço de hospedagem. e que serviço é esse?
Seguiu os passos 4,5 e 6? Qual deles não conseguiu executar?
Eu terminei mas agora ñ sei como coloca no post
1 – É necessário sim, ter conhecimentos prévios de HTML para fazer bom uso dessa biblioteca, caso contrário, certamente irá ter dificuldades na implementação.
2 – Para funcionar no modo padrão, só uma coisa precisa ser feita, colocar seu nome de usuário da conta Picasa no arquivo pwi-1.0.js.
3 – Uma vez executada essa unica ação pode-se testar pelo arquivo index.js.
@dime23menor Says:
O que está fora do esperado?
var pwi_username = Seu nome de usuário no Picasa.
var pwi_container_div = O nome div que irá receber a galeria dentro do site/página/template/blog e etc. Não precisa alterar.
var pwi_album_only = Em branco exibe todos os álbuns. Se colocar o nome de um álbum especifico apenas ele será exibido.
Achei muito interessante, acoplar a ferramenta do google em um site ou blog.
mais realmento nao esta funcionando como o esperado.
alterei as linha que estão descritas em cima.
—————————————————————–
pwi-1.0.js
var pwi_username = ” “;
var pwi_container_div = “container”;
var pwi_album_only = ” “;
—————————————————————–
se alguem puder mostrar o que realmente colocar nessas variaves eu agradeço.
@Theo Lima Says
É só o que ta escrita la em cima.
@Rafa’s Blog Says
Tem do flicker também: https://gadarf.com/.
ótima dica, acho que com um pouco mais de empenho eu consigo fazer tudo certinho, apesar que eu não gosto muito do Picasa e prefiro o Flickr auhsuahs. Enfim belo post
Oi naum consegui fazer a parte do login do picasa!! por favor responde e me ajuda!! explicar mais detalhadamente! agradeço
@Fábio Duran
Isso, tal como o do link.
Mas não posso te responder como se faz por e-mail porque, simplesmente, essa matéria já explica como fazer.
@messiasdojornal
Não foi o google que “fez”, apesar de que ele é quem dispõe da API necessária para ser feito.
Muito legal esta opcao de galeria do google
Não entendi direito, eu preciso colocar todos os albuns no meu blog sem que a pessoa precise ir ao site do Picasa como neste site: (http://www.rostoker.ca/index.php?option=com_morfeoshow&task=view&gallery=5&Itemid=54)
Como faço isso em um blog?
Você pode me responder pelo email do msn: fadusantos@hotmail.com
ou gmail mesmo: fadusantos@gmail.com
Obrigado