17 de jun de 2010

Conseguindo o endereço das imagens no novo Blogger

Para evitar problemas em seu blog de ter imagens retiradas dos sites de hospedagem, uma dica que dou é de hospedar as imagens de blog no próprio Blogger. Isso evita que, caso sites deixem de funcionar ou saiam do ar você tenha desagradáveis surpresas e fique com o blog feio, sem imagens, ou o pior,  imaguens de logos dos sites de hospedagem. Para isso, siga as instruções abaixo.





Ao entrar no editor de imagens, clique sobre o pequeno ícone




Ao clicar sobre ele uma janela será aberta. Clique então em "enviar arquivo"








Veja que uma janela foi aberta. Procure então pela imagem desejada. Ao encontra-la de um clique duplo sobre a imagem.




Aguarde enqunto o Blogger carrega a imagem. Assim que carregar e a imagem estiver selecionada, clique em "ok"



Veja que a imagem já esta no editor, clique então na aba "Editar HTML"







Agora, para pegar o endereço dessa imagem, clique e, HTML






Note que ao clicar em HTML, você verá alguns códigos assim:





O código será mais ou menos como esse exemplo abaixo. Copie e cole onde quiser, mas perceba que, caso você precise apenas e somente do endereço da imagem, o que vale é o código em negrito.





<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/_BaCxSD9NFn8/TBpYpyOGr2I/AAAAAAAABnU/xo4SQ6D8hFA/s1600/Image1jlk.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_BaCxSD9NFn8/TBpYpyOGr2I/AAAAAAAABnU/xo4SQ6D8hFA/s320/Image1jlk.png" /></a></div>




Este código deverá ser copiado e colado onde você precisar. Como imagem de fundo do blog, como uma imagem para enfeitatr o blog etc.

Se você quer simplesmente colocar uma imagem em um widget, copie o código abaixo e faça a modificação necessária.


<img src="AQUI O ENDEREÇO DA IMAGEM"/>

Se quer controlar o tamanho de sua imagem o código devera ser esse abaixo. depois é so aumentar ou diminuir os números que estão coloridos para aumentar ou diminuir a imagem.


<img src="AQUI O ENDEREÇO DA IMAGEM" height="60px" width="60px" />

Cor vermelha comprimento
Cor verde largura

2 comentários:

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube