israel 02


19/03/2014

Colocar Imagem com link no Blogger

Resolvi repetir esta postagem por causa de algumas mudanças ocorridas no Blogger. Confere aí!

Taí um assunto que enlouqueceu a minha mãe por um tempo. Ela queria fazer com que um desenho postado retornasse para uma página específica. Então, eu desvendei as manhas e ensinei o truque prá ela. Hehe!!! Agora vou postar aqui para quem precisar. É o seguinte:

Primeiro coisa: insira o desenho desejado na postagem, como exemplo abaixo:



http://israelfelixcardoso.blogspot.com.br/search/label/Fotos%20de%20Motos


Aí está a imagem. Máquina super "da hora". Quando você clicar nela, vai abrir a página do meu blog com outras fotos semelhantes.
Depois que inserir a imagem, vá na aba "HTML" da postagem que aparece ao lado de "Escrever". Localize a parte onde foi inserido o desenho. Isso é bem fácil porque o código da imagem está repetido, tipo assim:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKl50pxEUZWmzMi4yRwMhSejRheu0zLb_uOXgb_8KQ9qshMzfdDmhJCGjIHEdlm-Fs0m1QntIrJaVIevHo2lKi9zMpHNAURiMrPd4DBB5mbAHEpqrJUWXmu1M03CRmysmmG0y6obHXjd4/s1600/46179651_1244805953_img8d794.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKl50pxEUZWmzMi4yRwMhSejRheu0zLb_uOXgb_8KQ9qshMzfdDmhJCGjIHEdlm-Fs0m1QntIrJaVIevHo2lKi9zMpHNAURiMrPd4DBB5mbAHEpqrJUWXmu1M03CRmysmmG0y6obHXjd4/s1600/46179651_1244805953_img8d794.jpg


Entenda que não é necessariamente este o código de sua imagem. O que está colocado aqui é apenas um exemplo, claro. Portanto, o que você precisa fazer é encontrar as letras repetidas. Esse é o código da sua imagem.
Agora que você já "queimou" bastante tutano e achou as "letras repetidas", é hora de processar o toque de mestre. No lugar do primeiro código, que eu coloquei com letras vermelhas, você vai digitar ou colar a página do blog ou site que você quer abrir. No meu exemplo, vai ficar assim:

http://israelfelixcardoso.blogspot.com.br/search/label/Fotos%20de%20Motos" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKl50pxEUZWmzMi4yRwMhSejRheu0zLb_uOXgb_8KQ9qshMzfdDmhJCGjIHEdlm-Fs0m1QntIrJaVIevHo2lKi9zMpHNAURiMrPd4DBB5mbAHEpqrJUWXmu1M03CRmysmmG0y6obHXjd4/s1600/46179651_1244805953_img8d794.jpg


Pronto! Mas se você prefere alguma coisa mais fácil, menos técnica, apenas clique na imagem, selecionando-a. Depois clique em Link, na barra de ferramentas da postagem, acrescente o link para onde deseja direcionar o desenho e pronto. Não se esqueça de marcar "Abrir este link em uma nova janela". 

Super fácil! (A minha mãe gostou mais desse) Hehehehe!!!


Novas