Posts sobre | Dicas blog, imagem Pc e Web
Mostrando postagens com marcador Imagens. Mostrar todas as postagens
Mostrando postagens com marcador Imagens. Mostrar todas as postagens

Criar gadget apresentação de slide como fotos do PicasaWeb para blogs

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.

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, ...

Circo legal não tem animal
Assine, petição online, circo legal sem animal

183x193
Tomei o conhecimento de duas petições importantes e um abaixo assinado que tem pouca divulgação.

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
site criou abaixo assinado online contra o trabalho escravo, nao ao 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
Petição online, contra PLC que criminaliza o uso de internet
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.

imagem informa; elefante deprimido em circoASSINE, para ver só imagens de belos animais



Incentive as pessoas a usar as ferramentas que elas tem a sua disposição: comunidades, orkut, msn, contatos, email, blogs, família...







imagens ASSINE, circo legal não tem animal





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.

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.



como fazer imagens animadas, emotions, logotipo pro blog


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.







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

Além desse site encontrei outro que testa o tempo que a página leva para carregar , tamanhos das imagens, etc.

Agora nã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.



exemplo

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.



exemplo



exemplo









Pesquisar

Google

Newsletter

Digite seu Email:

Postagens populares

Arquivo do blog

Recentes postagens populares