Vou mostrar como pegar o código do álbum Google PicasaWeb para uma apresentação de imagens do tipo Slide-Show para inserir em blogs ou sites. O PicasaWeb fornece um código em Html de um objeto em Flash que funciona como uma apresentação de slides com as fotos contidas no álbum do PicasaWeb.
Quem tem um blog do blogger.com e posta suas imagens ou fotos pode usar as mesmas imagens para um SlideShow, isso porque quando você cria um blog no blogger já é criado um álbum para ele no PicasWeb.
Mostrando postagens com marcador Imagens. Mostrar todas as postagens
Mostrando postagens com marcador Imagens. Mostrar todas as postagens
Imagem de fundo no novo design ou layout original do Blogger
Mostrarei como escolher entre mais de 200, imagem de fundo no blogger, e sem precisar mexer em código.
Colocar figura animada no blog
Aprenda como colocar imagens animadas no blog, blogger ou site e baixar algumas imagens animadas.
Petição online no orkut, msn, blog, use as imagens
Participe da divulgação dessas petições online, coloque no seu perfil no msn, comunidades do orkut para que seus amigos vejam e decidam se querem assinar a petição online que você ajuda a divulgar.
No Msn é só clicar no menu no topo em ferramentas, opções..., abrira nova janela, selecione no lado esquerdo a opção pessoal e Digite a mensagem pessoal para que todos vejam: http://www.petitiononline.com/plcircos/ Assine, mande Email, Orkut, avise....http://www.petitiononline.com/veto2008/
A petição abre nova página:
Para blogs(qualquer um, myspace, blogger...) eu criei alguns códigos, abaixo, de link com imagem que podem ser colocados no post ou em um lugar de destaque, onde todos que acessem seu blog possam ver.
Isso deu bastante trabalho, então se você gostar da idéia faça valer...
Não vai nada mais que uma imagem que é link para a petição, não faz Marketing de nada, só da petição, mais a idéia é boa.
A petição abre nova página:
Copie todo o código, CTRL+A, CTRL+C, ...
Petição contra a nova plc que criminaliza o uso de internet.
Petição para a proibição de uso de animais em circo, até dia 21/08, e só tem 17.000 assinaturas, creio que por falta de divulgação.
Na questão dos circos é só ver que existe grandes circos como...(o ignorante aqui não sabe escrever os nomes em ingleis...)
imagem 162px × 219px
Site reporterbrasil está promovendo um abaixo assinado online pela aprovação da PEC do Trabalho Escravo,
Mais opções de imagens: Petição online, imagens
Imagem 170px × 196px
Explicando o código:
Não deixa cair nem um pedacinho....
<a href="http://www.petitiononline.com/veto2008/" target="_blank"><img alt="Petição online, contra PLC que criminaliza o uso de internet" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjof9xv5dI0djZ98GJfkF7AM1n8QuVTeWMAKWCB_Dz-gznydsxfhNYQvnBQtW3Q7VlUoR_efOq4DqOZzzRm6SzX_E7KXj_wuLvOcyO0AkGS8GuMPv14AVk1_rGBqL9qcvpCipQsa2SC3w6_/s320-r/contra-plc.JPG" title="Petição online, contra PLC que criminaliza o uso de internet" width="170" /></a>
Prestenção nas cores:
Não é código, é explicação dele:
href="site da petição"
target="abre em nova janela"
alt="se não aparece imagem, o texto..."
src="endereço web da imagem"
title="texto aparece quando passa o mouse na imagem"
width="largura em px"
height="altura em px"
border="borda em px"
No Msn é só clicar no menu no topo em ferramentas, opções..., abrira nova janela, selecione no lado esquerdo a opção pessoal e Digite a mensagem pessoal para que todos vejam: http://www.petitiononline.com/plcircos/ Assine, mande Email, Orkut, avise....http://www.petitiononline.com/veto2008/
A petição abre nova página:
Para blogs(qualquer um, myspace, blogger...) eu criei alguns códigos, abaixo, de link com imagem que podem ser colocados no post ou em um lugar de destaque, onde todos que acessem seu blog possam ver.
Isso deu bastante trabalho, então se você gostar da idéia faça valer...
Não vai nada mais que uma imagem que é link para a petição, não faz Marketing de nada, só da petição, mais a idéia é boa.
A petição abre nova página:
Copie todo o código, CTRL+A, CTRL+C, ...
Circo legal não tem animal
183x193
Tomei o conhecimento de duas petições importantes e um abaixo assinado que tem pouca divulgação. 183x193
Petição contra a nova plc que criminaliza o uso de internet.
Petição para a proibição de uso de animais em circo, até dia 21/08, e só tem 17.000 assinaturas, creio que por falta de divulgação.
Na questão dos circos é só ver que existe grandes circos como...(o ignorante aqui não sabe escrever os nomes em ingleis...)
Online contra o trabalho escravo
imagem 162px × 219px
Site reporterbrasil está promovendo um abaixo assinado online pela aprovação da PEC do Trabalho Escravo,
"é necessário confiscar a terra dos que utilizam trabalho escravo. A desapropriação das terras onde for flagrada mão-de-obra escrava é medida justa e necessária e um dos principais meios para eliminar a impunidade."
Mais opções de imagens: Petição online, imagens
Online contra criminalização da web
Imagem 170px × 196px
Explicando o código:
Não deixa cair nem um pedacinho....
<a href="http://www.petitiononline.com/veto2008/" target="_blank"><img alt="Petição online, contra PLC que criminaliza o uso de internet" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjof9xv5dI0djZ98GJfkF7AM1n8QuVTeWMAKWCB_Dz-gznydsxfhNYQvnBQtW3Q7VlUoR_efOq4DqOZzzRm6SzX_E7KXj_wuLvOcyO0AkGS8GuMPv14AVk1_rGBqL9qcvpCipQsa2SC3w6_/s320-r/contra-plc.JPG" title="Petição online, contra PLC que criminaliza o uso de internet" width="170" /></a>
Prestenção nas cores:
Não é código, é explicação dele:
href="site da petição"
target="abre em nova janela"
alt="se não aparece imagem, o texto..."
src="endereço web da imagem"
title="texto aparece quando passa o mouse na imagem"
width="largura em px"
height="altura em px"
border="borda em px"
Imagem que faz o blog, imagens que informam e ajudam
Imagem que faz o blog desempenhar melhor seu papel na internet, imagens que informam e ajudam, onde colocá-las? São imagens que geram melhor resultado para a mensagem que você está tentando passar ao seus visitantes e devem ser colocadas num local onde todos poderão ver, independente do post que estão lendo, assim como é feito com um menu ou links de monetização(Adsense...)
Um post com link para quem ajuda nesta campanha, e incentivar outros blogueiros a aderirem também vale muito, para o google e pra campanha.
As imagens devem informar e chamar a atenção, muitas vezes como uma vacina que dói mas ajuda na cura.
Incentive as pessoas a usar as ferramentas que elas tem a sua disposição: comunidades, orkut, msn, contatos, email, blogs, família...
Nos blogs além de post, links com o título do post de outros que blogam sobre o assunto, imagens no topo e chamativas com um link ou ainda descrição.
Blog: Pela abolição do uso de animais em circo
Blog: circo legal não tem animal!
Na imagem um texto ALTernativo combinando com o nome da imagem informam ao google sobre a imagem e ajudam nas buscas, veja exemplo abaixo(endereço de imagem não existe):.
<img ALT="elefante deprimido em circo" src="http://4.bp.blogspot.com/elefante-deprimido-circo.jpg" title="elefante deprimido em circo"/>
title pode ser usado na imagem e link para a pessoa ver quando passa o mouse na imagem....Informa e agrega valor.
Um pais com muitas pessoas criativas não precisa de animais sofrendo em circo para levar alegria.
Um post com link para quem ajuda nesta campanha, e incentivar outros blogueiros a aderirem também vale muito, para o google e pra campanha.
As imagens devem informar e chamar a atenção, muitas vezes como uma vacina que dói mas ajuda na cura.
Incentive as pessoas a usar as ferramentas que elas tem a sua disposição: comunidades, orkut, msn, contatos, email, blogs, família...
Nos blogs além de post, links com o título do post de outros que blogam sobre o assunto, imagens no topo e chamativas com um link ou ainda descrição.
Blog: Pela abolição do uso de animais em circo
Blog: circo legal não tem animal!
Na imagem um texto ALTernativo combinando com o nome da imagem informam ao google sobre a imagem e ajudam nas buscas, veja exemplo abaixo(endereço de imagem não existe):.
<img ALT="elefante deprimido em circo" src="http://4.bp.blogspot.com/elefante-deprimido-circo.jpg" title="elefante deprimido em circo"/>
title pode ser usado na imagem e link para a pessoa ver quando passa o mouse na imagem....Informa e agrega valor.
Um pais com muitas pessoas criativas não precisa de animais sofrendo em circo para levar alegria.
Como por caixa de pesquisa google no BlogSpot
Vou mostrar como colocar uma caixa de busca do google no blog, rápido e fácil, sem precisar mexer em código. É um gadget, ou elemento do blogger, e vai permitir ao usuário fazer pesquisa sobre seu blog, sem sair da mesma página, e de forma rápida ele pode ver os resultados da web para a mesma pesquisa, ou dos links da sua lista.
Eu só encontrei isso quando mudei a forma de visualização do painel do blogger para "rascunho", o que permite maior velocidade na hora de postar, visualizar, algumas ferramentas a mais para post e ver gadgets (no blogger "normal" elementos) e não mostrava todos(agora são muitos).
Para por a caixa de pesquisa do google no blog, é melhor acessar, draft.blogger.com e, a menos que você marque a caixa de seleção, no topo(Tornar o Blogger em rascunho meu painel padrão), nada será mudado, da próxima vez que acessar blogger.com você usa o estilo anterior, isso não muda em nada o seu BlogSpot.
Na página Adicionar um gadget você tem mais opções tipo essas que eu adicionei ao lado , algumas não prestaram, e a enquete sobre; O que achou do novo site de busca Cuil? vai sair daqui algum tempo. Não conhece o Cuil, escrevi um pouco sobre minhas buscas e Novo site de busca, o Cuil promete pesquisa com melhor resultado
Até essa data-post, está só na promessa.
Essas imagens são para um post que farei sobre como fazer imagem animada, emotions, logos, grátis!. Sem gastar nada.
Eu só encontrei isso quando mudei a forma de visualização do painel do blogger para "rascunho", o que permite maior velocidade na hora de postar, visualizar, algumas ferramentas a mais para post e ver gadgets (no blogger "normal" elementos) e não mostrava todos(agora são muitos).
Para por a caixa de pesquisa do google no blog, é melhor acessar, draft.blogger.com e, a menos que você marque a caixa de seleção, no topo(Tornar o Blogger em rascunho meu painel padrão), nada será mudado, da próxima vez que acessar blogger.com você usa o estilo anterior, isso não muda em nada o seu BlogSpot.
Após ter mudado para rascunho(draft.blogger.com) =>Layout => Adicionar Gadget. Veja no menu lateral se está em Noções básicas e procure e clique em Caixa de pesquisa(com o nome do blogger próximo), configurar e Salvar.
Se você quer um passo a passo mais detalhado sobre adicionar pesquisa do google no blogger, clique aqui
Na página Adicionar um gadget você tem mais opções tipo essas que eu adicionei ao lado , algumas não prestaram, e a enquete sobre; O que achou do novo site de busca Cuil? vai sair daqui algum tempo. Não conhece o Cuil, escrevi um pouco sobre minhas buscas e Novo site de busca, o Cuil promete pesquisa com melhor resultado
Até essa data-post, está só na promessa.
Essas imagens são para um post que farei sobre como fazer imagem animada, emotions, logos, grátis!. Sem gastar nada.
Acelerar, otimizar o blog, Acessibilidade, tortura...
Achei muitos sites legais, úteis, que ajudam a otimizar o blog ou site(tortura pra quem começou fazendo tudo errado), um é esse abaixo que mostra se há erros na estrutura do da página e da dicas http://www.sidar.org/hera/ é só colocar o endereço do site, página ou blog lá que ele análiza e da relatório, tem mais opções legais, a prioridade é acessibilidade das páginas Web, mas com os erros vem os acertos e a aprendizagem. Abaixo a descrição do que é a ferramenta para webmaster.
Agoranão vou postar sobre eles aqui, pois não lembro onde está o atalho e to com muitas janelas abertas, to fazendo esse post mais é pra postar umas imagens que diminui de tamanho e vou usar aqui emfaseteste.blogspot.com pra ver se acelero ele, já que ta levando muito tempo pra carregar.
Interessante, eu pego uma imagem(pequena) .jpeg e salvo ela no paint como gif e seus byts aumentam, eu posto no blog como pequena ele diminuem, com essa maior não aconteceu igual, porém eu vou pegar essa abaixo para usar emfaseteste.blogspot.com, por ser vermelha posso diminuir um pouco(vai ficar visível), dica para postar imagem e ela carregar mais rápido é especificar seu tamanho real <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbjBEb2Gh4K0SS_4Lmg4gPVwEMHHhVbBIdfljSfB1WVj9gsAttJ7puXlkLpFy2mNK0HmkkV0PMA2FoeNSCqXw3vuqLPiNaADpL0udkyOLaQw24iJWB544Y6xNh5i8vTRHDE3_w7WQNMw/s1600/fonte-maior.GIF" width="23" height="27"/>
width é largura, height é altura.
Além desse site encontrei outro que testa o tempo que a página leva para carregar , tamanhos das imagens, etc.
O que é o HERA?
HERA é uma ferramenta para rever a acessibilidade das páginas Web de acordo
com as recomendações das Directrizes de Acessibilidade para o Conteúdo Web 1.0
(WCAG 1.0). O HERA efectua
uma análise automática prévia da página e disponibiliza informação dos erros
encontrados (detectáveis de forma automática) e quais os pontos de verificação
que devem ser revistos manualmente.
A revisão manual é imprescindível para
comprovar realmente se a página é acessível. Para poder levar acabo esta
verificação manual é necessário conhecer as directrizes de acessibilidade, saber
de que forma fazem, os utilizadores, uso das ajudas técnicas e ter alguma
experiência em desenho e desenvolvimento de páginas Web.
HERA facilita a
revisão manual, proporcionando informação sobre os elementos a verificar,
instruções de como realizar esse controlo e duas visões modificadas da página
(uma visão gráfica, outra do código HTML) com os elementos mais importantes
destacados com icones e cores diferenciadoras.
HERA disponibiliza um
formulário que permite modificar os resultados automáticos, agregar comentários
a cada um dos pontos de verificação e indicar o nome do revisor. Também é
possível gerar um relatório final sobre a revisão, para imprimir ou descarregar,
em diversos formatos: (XHTML, RDF e PDF).
Importante: Os dados ficarão
guardados na base de dados do Sidar durante 7 (sete) dias a partir do início da
revisão. Durante esse período é possível retomar um trabalho utilizando a URL da
página resumo, que contém o identificador da revisão.fonte : http://www.sidar.org/hera
Agora
Interessante, eu pego uma imagem(pequena) .jpeg e salvo ela no paint como gif e seus byts aumentam, eu posto no blog como pequena ele diminuem, com essa maior não aconteceu igual, porém eu vou pegar essa abaixo para usar emfaseteste.blogspot.com, por ser vermelha posso diminuir um pouco(vai ficar visível), dica para postar imagem e ela carregar mais rápido é especificar seu tamanho real <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbjBEb2Gh4K0SS_4Lmg4gPVwEMHHhVbBIdfljSfB1WVj9gsAttJ7puXlkLpFy2mNK0HmkkV0PMA2FoeNSCqXw3vuqLPiNaADpL0udkyOLaQw24iJWB544Y6xNh5i8vTRHDE3_w7WQNMw/s1600/fonte-maior.GIF" width="23" height="27"/>
width é largura, height é altura.
Assinar:
Postagens (Atom)
