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:

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!!!

Colocando a Data da Postagem

Muitas vezes, baixamos um template super legal para colocar no nosso blog. Até aí tudo bem. Mas então, quando colocamos o template, no lugar da data da postagem fica aparecendo a palavra "undefined". Ou seja, a data está indefinida. Isso é um problema. Já deixei de colocar um bocado de template neste blog por causa disso. Até que alguém me deu a dica. Agora, vou postar aqui para ajudá-lo a resolver o problema, certo?

Essa imagem é um exemplo do que estou falando. Esse blog, aliás, é super legal: Cantinho do Photoscape. Principalmente para quem baixou o Photoscape e quer aprender a usar. Tem todas as dicas. Aproveite!

Vamos lá:

Primeiro: Acesse o seu blog (óbvio).

Segundo: Clique na aba "Design" e em "Elementos da página".

Terceiro: Em "Postagens no blog", clique em "Editar".

Quarto: Vai abrir uma janela intitulada "Configurar postagens do blog".

Quinto: Em "Opções da página de postagem" clique na primeira e na terceira caixas, ticando-as. Observe que elas são as únicas opções com caixa de combinação. Na seta da caixa de combinação selecione o seguinte modelo de data: dia da semana, mês dia, ano. De acordo com a data deste post, você selecionaria o seguinte: Segunda-feira, Junho 13, 2011.

Sexto: Clique em salvar.

Sétimo: Confira o resultado.

Pronto! Seu blog agora vem com a data correta do post.

Fui!!!!!!!!!!!

Como Inserir Um Link Numa Imagem Do Blogger

Cursos 24 Horas - Cursos 100% Online com Certificado

Taí um assunto que enlouqueceu a minha mãe por um tempo. Então, eu desvendei as manhas e ensinei o truque prá ela. Hehe!!! Agora vou postar aqui para quem precisar. É o seguinte:

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

Aí está a imagem. Quando você clicar nela, vai abrir o blog da minha mãe.

Depois que inserir a imagem, vá na aba "Editar HTML" e você vai encontrar o seguinte código:

</div>
&lt;div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-w-ERmk4kE0E/TO17VBkg7hI/AAAAAAAAAEM/TwGy3zeq8tA/s1600/2120883_4rNkz.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-w-ERmk4kE0E/TO17VBkg7hI/AAAAAAAAAEM/TwGy3zeq8tA/s320/2120883_4rNkz.gif" width="214" /></a></div>
<div class="separator" style="clear: both; text-align: center;"&gt;

A parte que eu coloquei em vermelho é o código da imagem. Ele vem repetido. O código repetido eu colori de verde. 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:

</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://aandreafelix.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-w-ERmk4kE0E/TO17VBkg7hI/AAAAAAAAAEM/TwGy3zeq8tA/s320/2120883_4rNkz.gif" width="214" /></a></div>
<div class="separator" style="clear: both; text-align: center;">

Pronto! Viu como é fácil? 

Valeu! Até a próxima.

Contadores Regressivos

Cursos 24 Horas - Cursos 100% Online com Certificado

Também encontrei um site super legal que faz contagem regressiva das datas. Você pode colocar no seu blog para lembrar quantos dias, horas, minutos e segundos faltam para algum evento ou dia especial. Alguns talvez não apreciem muito porque não dá para editar tudo, e tem algumas informações em inglês. Mas é legal. Aproveita a dica para se tornar um poliglota, valeu? Clique no link abaixo para conhecer o site.

Este aqui é outro modelo, com os dados em português, para quem preferir.

O link para a página Você consegue clicando AQUI.

Relógios de Todos os Tipos

Cursos 24 Horas - Cursos 100% Online com Certificado

A dica de hoje é prá quem curte ficar colocando reloginhos e outras frescurinhas no blog. Tem um endereço bem legal, com vários tipo de relógios. Até aqueles de contagem regressiva. Quando clicar nos modelos que coloquei abaixo, você será direcionado para a página da Clocklink. O relógio de contagem regressiva é o que está na galeria (Gallery) com o nome de "Count down and up". Aí! Arrasei no inglês. Ha!!!

Olá, Pessoal.

Eu sou o Israel. E criei este blog para dar umas dicas legais de alguns sites ou blogs que dá prá curtir na WEB. Na verdade, a minha mãe é a redatora. Mas o grande gênio por trás das ideias sou eu mesmo. Hehe! Esperem que curtam e indiquem este blog a outros. Valeu!

A primeira sugestão que quero dar é onde conseguir fazer um banner legal como este, que vocês estão vendo logo acima. Para isso, basta acessar o FlashVortex, clicando nos modelos abaixo. Dá só uma olhada nas sugestões e curta a valer!

EXEMPLOS DE MENU PARA PÁGINAS