Posts sobre | Dicas blog, imagem Pc e Web
Mostrando postagens com marcador Código. Mostrar todas as postagens
Mostrando postagens com marcador Código. 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.

Javascript faz Div suspensa parece se mover com descer e subir da página

Mostrei um código css para a uma div ficar fixa no canto do blog ou página, agora um Script que faz algo semelhante, porém, a div fica suspensa e 'solta', parece que fica balançando quando desce ou sobe a página. A div é um elemento Html que dentro dela pode colocar coisas, sendo assim pode ser para uma imagem, anúncio ou texto tenha esse efeito.

Como colocar gadget pela Url no blogger

Vou mostrar algumas dicas ou maneiras de inserir coisas no blog com blogger, isso porque, já pela segunda vez percebi que buscaram aqui por algo como:

'Quero colocar um gadget pela url e não consigo'

Um visitante do blog também já havia me dito que não consegue colocar a Url de gadget no blogger. Saiba o porque.

Códigos para ocultar a Navbar do Blogger, Script ou Css

Vou mostrar um script pequeno que esconde a navbar do Blogspot e também um código Css para ocultar a navbar, aí, você escolhe.

Atualização importante 2013: Existe uma maneira mais fácil, correta e eficaz de retirar a navbar blogger, clique aqui, apesar de JavaScript parecer interessante, as coisas mudam e novas opções surgem, clique aqui e saiba mais

link aumentar mudar imagem dhtml onmouse

Esse link pode ser útil, já que ele faz o efeito de mudar, aumentar ou apresentar uma imagem escondida, usando algumas tags fáceis de aplicar e entender, tags javascript ou DHTML.

Vou mostrar duas maneiras diferentes de utilizar:


1º, o usuário passa o mouse sobre uma imagem e aparece outra, assim que ele retira o mouse da imagem volta a imagem anterior, causando ou efeito de mudança de imagem ou a ilusão de aumentar a imagem.










<A HREF="http://seusite.com/etc/pagina">
<img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"
onmouseout="this.src='
ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF';" />
</A>



2º, passando o mouse sobre a imagem, aparece outra, e, essa permanece, a utilidade desse efeito poderia ser usado para que a página carregue mais rápido.


site criou abaixo assinado online contra o trabalho escravo, nao ao trabalho escravo


<A HREF="http://seusite.com/etc/pagina">
<img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"/>

</A>



Para entender, esse código <a href=" é o link , e http://s... é o endereço do link, ou seja, a página onde a pessoa irá ao clicar no link-imagem:
<A HREF="http://seusite.com/etc/pagina">

Esse código "puxa(faz aparecer) imagem na pagina" <img src=" ENDEREÇO DA IMAGEM o correto é algo como "http://foitestado.com/412223.GIF"
<img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"/>
fim do código link
</A>

Agora vejam as imagens do 1º efeito
Para o primeiro efeito talvez seria interessante criar uma imagem "escondida" antes, ou seja de 0 px, isso fará o navegador baixar a imagem e quando passar o mouse ele não precisará fazer isso.


Imagem antes de passar mouse e ao retirar o mouseImagem texto ao passar ratoImagem texto ao passar Mouse-OverImagem text ao tirar o Mouse-menosSe quiser ver outro ponto de vista ou confundir mais clique aqui

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"

Pesquisar

Google

Newsletter

Digite seu Email:

Postagens populares

Arquivo do blog

Recentes postagens populares