Se falamos de blogues, falamos obrigatoriamente de todas as outras redes sociais às quais estamos ligados. Quem nos visita no blog, gostará de seguir as nossas fotografias no flickr, os nossos vídeos no vímeo, a nossa conta de facebook ou até enviar-nos um e-mail sem que para isso tenha de perder 10 minutos à procura do contacto.
Para simplificar o acesso a toda esta informação temos os ícones que, bem arrumadinhos na nossa página, são a via verde para qualquer um dos nossos seguidores nos seguir também noutras plataformas.
Hoje vamos ensinar-vos a colocar os vossos próprios ícones no vosso blog!
Se não temos jeitinho para desenhar, o melhor é ir mesmo visitar uns quantos sites que disponibilizam ícones gratuitos, fazer o download, e usar esses mesmo para o blog (procurem no google Social Media Icons e divirtam-se a escolher).
Se queremos fazer os nossos próprios ícones podemos criar um ficheiro com o tamanho pretendido, fazer o ícone e salvar o ficheiro em formato png.
Nós, no We Blog You, criámos os nossos próprios ícones num ficheiro em formato png, de 50×50 píxeis, e com fundo transparente. Vamos criar um ícone para o facebook, outro para o vimeo e outro para o nosso e-mail.
Para que estes ícones possam estar sempre presentes no nosso blog, e como nem sempre temos o nosso pc ligado, vamos alojar todos eles num servidor (gratuito). Assim, o nosso blog, esperto como só ele, vai lá buscar os meninos para estarem sempre disponíveis na nossa página.
O We Blog You tem conta no ImageShack, é gratuito e muito fácil de utilizar. Façam upload das imagens e depois guardem a informação que ele vos dá como Link Directo.
No caso do We Blog You, fica assim
<a href=”http://www.facebook.com/weblogyou.pt” target=”_blank”><img src=”http://imageshack.us/a/img641/1498/wbyfb2.png”></a>
Depois de terem preparado ícones, de os terem alojado e de terem preparado a linha de código, abram o blogger e preparem-se porque agora é mesmo rapidinho.
1) adicionem uma miniaplicação;
2) escolham uma aplicação de “texto”;
3) no canto superior direito da caixinha escolham a opção “editar html”;
4) insiram a linha de código que já têm preparada na caixa de texto;
5) Salvem!
Para cada ícone repitam a linha de código que vos foi dada, com o respectivo link da página e link da imagem.
Para fazer de um ícone um link directo para o mail, basta que em vez da página do facebook, vímeo, etc… insiram no mesmo espaço “mailto” seguido do vosso e-mail.
No caso do We Blog You, fica assim
<a href=”mailto:weblogyou.pt@gmail.com” target=”_blank”><img src=”http://imageshack.us/a/img641/1498/wbyfb2.png”></a>
Depois disto visualizem o vosso blog e plim! Já Está 🙂
Me ajudou muuuuito! Obrigada mesmo, adorei! <3
http://muraldeumavida.blogspot.com.br/
Eu fiz tudo certinho, as imagens dos icones aparecem no meu blog mas não em forma de link. Quando a pessoa clica, não aparece nada, o que eu posso ter feito de errado?
Olhem:
http://avoandoo.blogspot.com.br/
Já tentei de tudo e não consigo de maneira nenhuma 🙁
Andressa, demoramos a ver o teu comentário mas agora que vimos e fomos ao teu blog parece estar tudo a funcionar 🙂
Missy Terere, se não está a funcionar há aí qualquer coisa que está a falhar. Confere os passos todos direitinhos e a linha de código.
É isto que usamos para fazermos os nossos blogues por isso tem mesmo de funcionar! 🙂
eu normalmente "preparo" os links numa mensagem nova. carrego as imagens, seleciono, clico "alterar hiperligação" e voilá! também tem a opção de direccionar para um email. depois é só copiar e colar num widget 🙂
Vlw!
adorei!! http://girlswithcupcake.blogspot.com.br/
vlw ajudou pra caramba =) ficou legalzim 🙂 http://eradomiojo.blogspot.com.br/
Que incrível! Eu fiz meus ícones e por sorte encontrei esse tutorial para me ajudar a organiza-los do jeito que eu queria no meu blog de um jeito prático. Obrigada 🙂
Eu gostei imenso do vosso post, explicaram mesmo bem todos os passos… Mas não sei bem porque motivo, não consigo fazer com que os ícones apareçam no blogue! Já fiz e refiz o código, revi passo por passo e nada… Não sei se me conseguem ajudar (e desculpem ser chata)
beijinho
Obrigada! I blogyou too!!!
Obrigada por tudo o que partilham. Uma verdadeira ajuda 🙂
Consegui. Obrigada
Olá We Blog You, não consegui. As imagens aparecem "cortadas" ( a imagem não carregou) e o link vai para a pagina inicial :$
Veja : bolotinha-fora-da-casca.blogspot.pt , está no fundo de tudo.
Beijinho e obg pela dica
Tinha tentado de todas formas, e só conseguir depois que vi o seu post…
Valeu 🙂
Fiz tudo como dizem e não dá :/ Nem aparece a imagem nem reencaminha pra página certa… O que faço?
Já consegui 😀 Era um problema com as "
Eu consegui colocar, mas gostaria que ficasse tudo na mesma linha e não da. Tenho de selecionar miniaplicações diferentes :/ com faço para que fiquei como têm no vosso blogue? Obrigada
É necessário conta premium para aceder ao link direct? Não estou a conseguir…
Não sei porque é que só vi este post agora, mas adorei, muito muito obrigada.
Beijinhos
http://umachavenadecharme.blogspot.com
O imageshack já não permite fazer direct link sem fazer upgrade na conta e pagar, só dá forum, alt forum ou html… alguma sugestão? 🙂
sim! Temos de fazer um novo post também 🙂
a nossa sugestão é criares uma página no blogger, que não estará obviamente disponível no menu do blog, onde podes guardar todas as imagens e ícones. basta fazer upload e salvar a página. depois consegues o URL de cada uma clicando com o botão do lado direito do rato sobre elas, e é esse o link que usas 🙂
Eu também já fiz e se não conseguem ver os ícons no blog é porque estão a repetir as aspas no html
Vim pra saber justamente isso! kkkk
Obrigado! Eu tentei em vários site,mas só consegui aqui…….Parabéns pra você!!!
Meu icone ficou vertical, o que eu faço!?
tambem gostava de saber como conseguido por os icones lado a lado e não na vertical! so consegui colocar dois. o do FB nao consegui, terei que tentar novamente mas não sei poru3 nao deu.
https://maemulheryoga.blogspot.pt/
ja consegui colocar dois icons, e agora como eles vao parar ao destino que é para ser?
Obrigada
Awesome website you’ve going here.
[url=http://www.socialworkersguide.com]fotballdrakter[/url]
Neat Web site, Preserve the fantastic work. Regards.|
billige fodboldtrøjer http://www.getedeals.com
Wow because this is great work! Congrats and keep it up.
fotbollströjor http://www.bcsaon.com
Love the site– extremely user pleasant and great deals to see!
maglie calcio http://www.haeroo.com
casino
online casino
online casino
online casino
casino online
Thank you so much! It is an terrific website!
Barcelona Drakt http://www.socialworkersguide.com/barcelona.shtml
Aw, this was a very nice post. In thought I would like to put in writing like this moreover ?taking time and actual effort to make an excellent article?but what can I say?I procrastinate alot and under no circumstances seem to get one thing done.
WONDERFUL Post.thanks for share..more wait .. ?
Would you be focused on exchanging links?
That is the proper blog for anyone who desires to seek out out about this topic. You realize a lot its nearly hard to argue with you (not that I truly would want匟aHa). You positively put a brand new spin on a topic thats been written about for years. Nice stuff, simply nice!