Como colocar ícones seguir das redes sociais no blog



Há uns dias atrás estava navegando à procura de como colocar ícones de seguir das redes sociais em meu blog, a fim de disponibilizar mais esta opção para meus leitores que estiverem interessados em me seguir, principalmente os do Face Book e Twitter. Tenho que reconhecer que não foi uma tarefa nada fácil, por isso resolvi trazer aqui no Antenados e Atualizados a forma mais simples de colocar esses ícones.

Veja como fazer.

Primeiramente você deve copiar os códigos abaixo trocando a parte destacada em azul, como intendido.

<div align="center">
                                   <a href="URL_PAGINA _DE_CONTATO">
                                   <img border="0" alt="Fale Conosco" width="40" src="https://lh6.googleusercontent.com/-sEXVGrsw7A4/TgvYAKIqd8I/AAAAAAAAAlc/imymobZpiyI/mail.png" height="40" title="Fale Conosco" /></a>
                                   <a href="http://twitter.com/USERNAME_DO_SEU_TWITTER">
                                   <img border="0" alt="Siga-nos no Twitter" width="40" src="https://lh3.googleusercontent.com/-Wd5Ab1yuFDI/TgvYAwvMYSI/AAAAAAAAAlo/AXOSekEDCZw/twitter.png" height="40" title="Siga-nos no Twitter" /></a>
                                   <a href="URL_DO_SEU_FACEBOOK" target="_blank">
                                   <img border="0" alt="Adcione nosso Facebook" width="40" src="https://lh4.googleusercontent.com/-tvdU1jpYi3k/TgvYAFUMnII/AAAAAAAAAlg/pO7-EEwhcGY/facebook.png" height="40" title="Adcione nosso Facebook" /></a>
                                   <a href=URL_DO_SEU_ORKUT" target="_blank">
                                   <img border="0" alt="Comunidade no Orkut" width="40" src="https://lh6.googleusercontent.com/-3psYYWOvhjQ/TgvYA2tLxxI/AAAAAAAAAls/FkZ4jSjBs8o/orkut.png" height="40" title="Comunidade no Orkut" /></a>
                                   
Agora surge a pergunta: Como fazer esse monte de códigos se transformarem em ícones.
Acesse sua página de configuração do blogger e clique em “designer”, depois clique em “adicionar gadget”, em seguida procure por “HTML/JavaSript”, então aparecerá uma caixa de diálogo como esta representada abaixo.


Coloque o título (Ex.ª: siga este blog)

Em conteúdo deve colar o código que você modificou com a URL de suas redes sociais, clicando em salvar.

Agora salve a organização e atualize seu blog, a seguinte barra irá aparecer:


Para mudar ela de lugar é só voltar em layout e arrastar o Gadget até a posição desejada.


Reações:

3 comentários:

  1. Boa dica esta. Se tiver mais coloque no site, isso é coisa muito proveitosa para nós os iniciantes. Valeu.

    ResponderExcluir

Deixe seu comentário e nos ajude a melhorar a qualidade de nossas postagens.