Mostrando postagens com marcador Imagem. Mostrar todas as postagens
Mostrando postagens com marcador Imagem. Mostrar todas as postagens
Como colocar ou mudar de favicon em blogs do Blogger
Vou mostrar como colocar um favicon em blogs do blogger, agora, sem uso de códigos para isso usando nova interface do blogger.
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.
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.
Aumentar ou diminuir o tamanho de imagens
Vou mostrar como aumentar ou diminuir o tamanho de uma imagem, sem muitas deformações, com o Paint.
Esse procedimento, se feito corretamente não deforma uma imagem, mas a sua qualidade depende do tipo de imagem, pode não ficar boa no caso de aumentar muito.
Se você tem o Paint pode aumentar uma figura ou imagem, abra a imagem com o paint e no menu
>> Escolha Imagem ou com as teclas de atalho Alt +i
>> Clique em Alongar/inclinar... ou , nos sistemas Windows7 e Vista pode ser alongar/distorcer... e, se não encontrar a opção, use as teclas de atalho Ctrl +w
>> No quadro alongar e inclinar(distorcer) digite um número maior para % horizontal e outro igual o número escolhido acima em vertical
>> Clique em Ok.
>>Antes de salvar, se você não gostou dê um Ctrl + z para desfazer(antes de fechar o editor). Salve a imagem em Salvar como... Escolha um nome que ainda não existe(um novo nome) e Salvar ou concluir... nessa opção será salvada uma nova imagem, aí você ainda tem a original, isso ocorre quando você escolher um nome que ainda não tem nem uma foto com ele.
Para que a qualidade da imagem continue boa prefira salvar com formato PNG ou em segundo caso JPEG ou JPG
Você pode diminuir a imagem da mesma forma, basta escolher um numero menor de 100 para a % porcentagem. Mas não esqueça que vertical e horizontal devem possuir o mesmo numero para não deformar a imagem.
Se você quer mudar o tamanho só na altura ou largura, o melhor é arrastar aqueles pontinhos que ficam no canto da imagem, no lado direito e embaixo, dessa forma você cortará parte da imagem, mas não irá alterar a forma original do desenho, porém, se você quiser tirar um pouco em cima ou do lado esquerdo, terá que selecionar a imagem e arrastar ela com o mouse para cima ou lado esquerdo e depois arrastar nos pontinhos do canto para tirar o espaço em branco que ficará, só que quando arrastar os pontos do canto, a imagem não deve estar selecionada nesse momento, se tiver selecionada ao tentar diminuir poderá deformar o desenho.
Bom é fazer uma cópia de uma imagem e fazer varias coisas com ela no seu editor e, prestar atenção no que acontece com ela a cada alteração que fizer, isso é praticar.
Esse procedimento, se feito corretamente não deforma uma imagem, mas a sua qualidade depende do tipo de imagem, pode não ficar boa no caso de aumentar muito.
Se você tem o Paint pode aumentar uma figura ou imagem, abra a imagem com o paint e no menu
>> Escolha Imagem ou com as teclas de atalho Alt +i
>> Clique em Alongar/inclinar... ou , nos sistemas Windows7 e Vista pode ser alongar/distorcer... e, se não encontrar a opção, use as teclas de atalho Ctrl +w
>> No quadro alongar e inclinar(distorcer) digite um número maior para % horizontal e outro igual o número escolhido acima em vertical
>> Clique em Ok.
>>Antes de salvar, se você não gostou dê um Ctrl + z para desfazer(antes de fechar o editor). Salve a imagem em Salvar como... Escolha um nome que ainda não existe(um novo nome) e Salvar ou concluir... nessa opção será salvada uma nova imagem, aí você ainda tem a original, isso ocorre quando você escolher um nome que ainda não tem nem uma foto com ele.
Para que a qualidade da imagem continue boa prefira salvar com formato PNG ou em segundo caso JPEG ou JPG
Você pode diminuir a imagem da mesma forma, basta escolher um numero menor de 100 para a % porcentagem. Mas não esqueça que vertical e horizontal devem possuir o mesmo numero para não deformar a imagem.
Se você quer mudar o tamanho só na altura ou largura, o melhor é arrastar aqueles pontinhos que ficam no canto da imagem, no lado direito e embaixo, dessa forma você cortará parte da imagem, mas não irá alterar a forma original do desenho, porém, se você quiser tirar um pouco em cima ou do lado esquerdo, terá que selecionar a imagem e arrastar ela com o mouse para cima ou lado esquerdo e depois arrastar nos pontinhos do canto para tirar o espaço em branco que ficará, só que quando arrastar os pontos do canto, a imagem não deve estar selecionada nesse momento, se tiver selecionada ao tentar diminuir poderá deformar o desenho.
Bom é fazer uma cópia de uma imagem e fazer varias coisas com ela no seu editor e, prestar atenção no que acontece com ela a cada alteração que fizer, isso é praticar.
Fazer imagem virar um link no blogger
Vou mostrar como fazer uma imagem virar um link, sem mexer em código, ou seja, quando alguém clicar na imagem vai ser direcionado para outra página que você escolher.
Colocar figura animada no blog
Aprenda como colocar imagens animadas no blog, blogger ou site e baixar algumas imagens animadas.
Adicionar imagem ao topo do blog do Blogger, logotipo
Veja como adicionar uma imagem no topo do BlogSpot, logotipo.
Fácil e sem usar algum tipo de código.
Fácil e sem usar algum tipo de código.
Atualização 2013: A maneira para colocar logotipo no blogger mudou com remoção da antiga interface, para ver como colocar logotipo em blogs do blogger, clique aqui
Se o que você quer é mudar aquele B que fica no topo do navegador quando acessa seu blog do blogger, aí, veja como mudar o favicon de blogspot, clique aqui
Ignore os passos abaixo, eles mudaram com a remoção da antiga interface do blogger.
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.
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.
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"
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.
Se quiser ver outro ponto de vista ou confundir mais clique aqui
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.
<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"fim do código link </A>
onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"/>
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.
Se quiser ver outro ponto de vista ou confundir mais clique aqui
Assinar:
Postagens (Atom)
