Blogger - Widget com ícones para redes sociais

Widget para blog com Redes Sociais - Tutoriais grátis
Muitas pessoas não sabem programar HTML ou Javascript e assim não conseguem deixar seu blog / site do jeito que querem. Este widget contém ícones de algumas das mais importantes redes sociais que conheço, o código é muito fácil de instalar e de entender. (o primeiro widget feito por mim !!!)

Código do Widget com ícone para redes sociais no Blogger:

Este widget que criar possui as principais redes sociais e sistemas de compartilhamento de conteúdo, elas são:

Prévia do Widget:

Follow me Fan page on Facebook Youtube Channel Ree feed MySpace Digg

Widget by ULTRA-DICAS!

Agora vamos ao código do Widget, mais para baixo cou explicar como adicionar no seu blog e modifica-lo.

Código:

<!-- TWITTER -->
<a href="http://twitter.com/#!/SEU_TWITTER" target="_blank"><img alt="Follow me" src="https://lh3.googleusercontent.com/-kTHlAEfkYcw/ThM1_Z3qh7I/AAAAAAAAAd0/S3Y4Q7iVa34/twitter.png" title="Follow me" /></a>  

 

<!-- FACEBOOK -->
<a href="http://www.facebook.com/LINK_FA_PAGE" target="_blank"><img alt="Fan page on Facebook" src="https://lh6.googleusercontent.com/-D7aFieBU7T8/ThM1-nn07FI/AAAAAAAAAdg/pJrl34GCFcI/facebook.png" title="Fan page Facebook" /></a>  

 

<!-- YOUTUBE -->
<a href="http://youtube.com/CANAL_YOUTUBE" target="_blank"><img alt="Youtube Channel " src="https://lh5.googleusercontent.com/-yTY9XjPtFys/ThM1_nQjCNI/AAAAAAAAAd4/mISZolwuWiU/youtube.png" title="Youtube" /></a>  

 

<!-- RSS FEED -->
<a href="/URL_RSS_FEED" target="_blank"><img alt="Ree feed" src="https://lh6.googleusercontent.com/-4HubfShlGHg/ThM1_ByuLnI/AAAAAAAAAdw/TNMpW-Whf0U/rss-feed.png" title="RSS Feed" /></a>  

 

<!-- MYSPACE -->
<a href="http://www.myspace.com/USER_MYSPACE" target="_blank"><img alt="MySpace" src="https://lh4.googleusercontent.com/-BCBSzjcUyrY/ThM1-2Sp1LI/AAAAAAAAAdo/VbRaTbj41JU/my-space-icon.png" title="MySpace" /></a>  

 

<!-- DIGG -->
<a href="http://digg.com/USER_DIGG" target="_blank"><img alt="Digg" src="https://lh3.googleusercontent.com/-92SCcPRPc_4/ThM1-h2pl5I/AAAAAAAAAds/fdZbaJEHnmI/digg.png" title="Digg" /></a><br><center><a href="http://www.ultradicas.com.br" target="_blank"><font size="1">Widget by ULTRA-DICAS!</a></center>

ATENÇÃO: Copie este código e coloque ele no Bloco de notas para fazer as modificações que precisamos para deixar o widget funcionando. aqui vão elas:

  • Na parte do Twitter você precisará alterar aonde está escrito SEU_TWITTER para o seu usuário, no meu caso seria twitter.com/#!/ultradicasbr

  • Em FACEBOOK precisamos alterar a parte aonde está LINK_FA_PAGE com o link de sua FÃ PAGE ( clique para aprender a criar uma fã page no Facebook). Comigo ficaria: facebook.com/matheus.deaguiar

  • No Youtube basta colocar seu canal aonde está escrito CANAL_YOUTUBE, o meu ficaria assim: youtube.com/matheusgomes29

  • Na parte do RSS FEED você colocará a URL do FEED do seu blog (recomendo usar o FeedBurner ) aonde está escrito URL_RSS_FEED, ficando alguma coisa assim se você usa o FeedBurner feeds.feedburner.com/scraplegal

  • Em MYSPACE coloque seu usuário onde está escrito USER_MYSPACE, ficando algo assim: myspace.com/ultradicas

  • No Digg também coloque seu usuário aonde está escrito USER_DIGG.

Como colocar o Gadget no Blogger:

Primeiramente faça login no Blogger. Depois navegue até DESIGN >> ELEMENTOS DA PÁGINA como se fosse adicionar um gadget:

Design - Elementos da pagina | Curso grátis Blogger

E agora clique em ADICIONAR UM GADGET e selecione HTML / JAVASCRIPT:

Gadget HTML / JAVASCRIPT no Blogger -  Dicas grátis

E agora é só colocar o TÍTULO como Tradutor (ou outro nome se você quiser) e adicionar o código que você editou no bloco de notas em CONTEÚDO do gadget e clique em SALVAR. Pronto, gadget funcionando perfeitamente!Por hoje é só...


Se você gostou ou tem alguma dúvida comente ai! RETWEET este tutorial e nos ajuda a divulgar o site! Ou clique aqui para fazer um PEDIDO de tutorial ou indicar uma dica. Obrigado



Adicionar comentário

Não faça SPAM que aceitarei o comentário. Aqui vão outras regras:
- Não coloque links nos comentários ao menos que ajude a explicar alguma coisa.
-Não peça para adicionar no MSN.
Se seu comentário conter algum assunto impróprio não aceitarei também.


Código de segurança
Atualizar

Publicidade:

Parceiros:

Siga-nos!

Ultra Dicas no twitter!

Pessoas Online

Nós temos 19 visitantes online
ASSINE NOSSO FEED!
Inscrever-Rss-Feed

Cadastre seu E-mail e receba nossas atualizações diretamente no seu e-mail!

Criado por ULTRA-DICAS! | Clique e pegue seu widget!

Pesquisa de Tutoriais

Enquete

Que tipo de tutorial você mais gosta no site?

Fique por dentro

Chat Online