Parece uma tarefa simples para a maioria, mas muitos ainda têm dificuldades em adicionar imagens em um blog. Quando a idéia é adicionar imagens em textos, geralmente as plataformas oferecem opções simplificadas para esta ação.
Mas as vezes o blogueiro quer adicionar imagens em outros lugares, como no layout e/ou no sidebar. Aí o jeito é usar a tag <img> no seu html. Calma, é mais simples do que parece. Vamos exemplificar.
Digamos que você deseja colocar ícones de redes sociais (Orkut, Facebook, Twitter...) na sidebar de seu blog do Blogger. Vamos aos passos.
1º) Encontre os ícones de sua preferência.
Existem vários pacotes de ícones legais por aí. Porém a maioria não tem um para o Orkut. Aqui você encontra vários modelos. Baixe o seu favorito.
2º) Envie as imagens escolhidas para um serviço de hospedagem
Gratuítos: Imageshack.us, Tinypic.com, Photobucket.com
Utilizarei o Tinypic neste exemplo.
3º) Copie e salve os endereços (URLs) diretos para sua imagem.
4º) Vá em Design >>> Adicionar um Gadget >>> HTML/Javascript
5º) Adicione o seguinte código
<a href="Link_do_Seu_Perfil" title="Meu perfil no..."><img alt="Nome_da_Rede_Social" src="Link Direto Para sua Imagem"/></a>
Ex:
<a href="http://www.flickr.com/photos/negaointernauta/" title="Meu perfil no Flickr"><img alt="Flickr" src="http://i56.tinypic.com/24lsmbk.png"/></a>
Resultado do código acima:
6º) Agora é só clicar em Salvar
Opção adicionar imagens em postagem no Blogger.
Opção adicionar imagens em postagem no Wordpress
Digamos que você deseja colocar ícones de redes sociais (Orkut, Facebook, Twitter...) na sidebar de seu blog do Blogger. Vamos aos passos.
1º) Encontre os ícones de sua preferência.
Existem vários pacotes de ícones legais por aí. Porém a maioria não tem um para o Orkut. Aqui você encontra vários modelos. Baixe o seu favorito.
2º) Envie as imagens escolhidas para um serviço de hospedagem
Gratuítos: Imageshack.us, Tinypic.com, Photobucket.com
Utilizarei o Tinypic neste exemplo.
3º) Copie e salve os endereços (URLs) diretos para sua imagem.
No caso do Tinypic, é o link em destaque
4º) Vá em Design >>> Adicionar um Gadget >>> HTML/Javascript
5º) Adicione o seguinte código
<a href="Link_do_Seu_Perfil" title="Meu perfil no..."><img alt="Nome_da_Rede_Social" src="Link Direto Para sua Imagem"/></a>
Ex:
<a href="http://www.flickr.com/photos/negaointernauta/" title="Meu perfil no Flickr"><img alt="Flickr" src="http://i56.tinypic.com/24lsmbk.png"/></a>
Resultado do código acima:
6º) Agora é só clicar em Salvar
Pronto, basta repetir o processo para adicionar outros ícones ou imagens. Faça um teste.
=)
Comentários
Postar um comentário