Voces pensaram que a serie Primeiros Passos havia acabado? Que nada! A cada dia recebo mais e mais perguntas com o basico do basico. Entao hoje vou ensinar, passo-a-passo, como colocar um link em uma imagem, para direciona-la a uma outra pagina web.Escolha a imagemHospede-a no site de sua preferencia (saiba mais clicando aqui)Copie o endereco da imagem (saiba mais)Use o codigo abaixo<a href="endereco do site"><img src="endereco da imagem" /></a>Exemplo:Vou usar a imagem que coloquei para os Feeds do Template Songs:Agora vou hospeda-la no Picasa e copiar o endereco dela Obtive o seguinte endereco:http://lh4.ggpht.com/_mcq01yDJ2uY/SXUiVhRAGgI/AAAAAAAAAUs/pu2fQkzWOoc/600px-Feed_Icon_Bl-Or.pngQuero que esta imagem direcione o usuario aos feeds do meu blog. O codigo ficara assim:<a href="http://feeds.feedburner.com/dicasblogger"><img src="http://lh4.ggpht.com/_mcq01yDJ2uY/SXUiVhRAGgI/AAAAAAAAAUs/pu2fQkzWOoc/600px-Feed_Icon_Bl-Or.png" /></a>Vejam o resultado,clicando na imagem abaixo:Existem diversas outras maneiras de se fazer isso:No Windows Live WriterEscolha a imagem do HD, clique nela, e escolha vincular a url. Na caixa que vai abrir, coloque a url da imagem. Nao sabe o que e Windows Live Writer? Entao clique aqui.No NVU PortableClique no icone para adicionar uma imagem. Na nova janela, coloque a url da imagem em endereco e o link a ser direcionado na aba link. Em descricao coloque uma frase para ajudar o usuario a se localizar e em Texto substituto, uma palavra para identificar a imagem. Copie o codigo e cole onde desejar. Para saber o que e NVU Portable, clique aqui.Dica da tia JulianaQuando eu quero linkar uma imagem em um post, eu uso o Writer. Para a sidebar, uso sempre o NVU, pela possibilidade de colocar uma descricao.Ate a proxima! <object width="700" height="500"><param name="movie" value="http://games.maniadejogos.com/11897"></param><embed src="http://games.maniadejogos.com/11897" type="application/x-shockwave-flash" width="700" height="500"></embed></object><br /><a href="http://www.maniadejogos.com">Jogos</a> (CREDITOS DO SITE):http://www.dicasblogger.com.brContinuando a serie sobre o Adobe Photoshop, hoje vou explicar como criar uma imagem para o cabecalho do Blogger/Blogspot.Como o Dicas Blogger nao e um blog sobre o Photoshop, estou tentando escolher temas que sejam do interesse de todos os blogueiros.Pra saber o tamanho da imagem a ser usada em seu blog, va em design>elementos de pagina> gadget cabecalho. Clique em editar. No final do gadget, ira aparecer a largura maxima permitida (figura 1). Quanto a altura, a escolha e livre.Vamos usar como exemplo o Template Magazine, cuja largura maxima e de 970 px.Para ampliar as imagens deste tutorial, clique sobre as elas.No Photoshop, clique em arquivo>novo. Escolha o tamanho de 970 (largura) por 150 (altura), com fundo transparente (figura 2). O resultado esta na figura 3.Agora vamos escolher uma icone para incrementar nosso cabecalho. Nao sabe onde encontrar? Entao acesse - 15 sites para busca de icones web.Clique em abrir e procure dentro do computador por um icone de sua preferencia. Para este tutorial, eu vou escolher um do Blogger (ohhhhh).Agora temos duas abas abertas no Photoshop: uma com o fundo transparente e a outra com o icone. Dependendo do tamanho do icone, sera necessario ajustar a sua altura a da futura imagem do cabecalho. Em nosso exemplo, o cabecalho vai ter 150px de altura, entao o icone deve ter menos do que isso.Para ajustar o tamanho da imagem, clique em imagem>tamanho da imagem (figura 4) e altere para o valor desejado (figura 5)Agora