Este é mais um widget para blogger criado por mim, como o widget flutuante para assinar feed fez muito sucesso, decidi criar hoje um widget flutuante com ícones das redes sociais mais famosas. Esta é uma boa opção para quem está querendo conseguir seguidores ou amigos nas redes sociais pelo seu blog!
Widget flutuante das redes sociais para o blogger:
Bom galera, vamos ao código e depois eu falo como modificar e como inserir no blogger. o código é:
<!-- TWITTER -->
<a href="/SEU_TWITTER" target="_blank"><img alt="Follow me" src="http://lh3.googleusercontent.com/-kTHlAEfkYcw/ThM1_Z3qh7I/AAAAAAAAAd0/S3Y4Q7iVa34/twitter.png" title="Follow me" /></a>
<!-- FACEBOOK -->
<a href="/URL_DO_FACEBOOK" 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="/URL_DO_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="/URL_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="/URL_DIGG" target="_blank"><img alt="Digg" src="https://lh3.googleusercontent.com/-92SCcPRPc_4/ThM1-h2pl5I/AAAAAAAAAds/fdZbaJEHnmI/digg.png" title="Digg" /></a>
<!-- Nao remova - Pode parar de funcionar -->
<a href="http://www.ultradicas.com.br/blogger/widgets/249-widget-flutuante-icones-redes-sociais" target="_blank"><img alt="Dicas e tutoriais da internet, widget para blogs" src="http://lh6.googleusercontent.com/-wng0AD0xk3o/TkO8mRctidI/AAAAAAAAAgc/pwGTLZ7i2MA/s800/ultra-dicas-widgets-para-blogger.png" title="Pegue este widget para seu blog! Dicas e tutoriais" /></a></div>
E esta é uma prévia do widget:
OK, agora que você já sabe o código e viu como o widget ficaria no seu site, copie o código e cole no bloco de notas para edita-lo. Como você viu, deixei algumas partes em negrito no código porque são elas que precisamos editar. Ai vai o que precisamos fazer:
- SEU_TWITTER: Aqui você terá que colocar a URL do seu Twitter.
- URL_DO_FACEBOOK: Aqui coloque a URL de sua fã page do Facebook.
- URL_DO_CANAL_YOUTUBE: Coloque a URL do seu canal do Youtube (Ex: http://www.youtube.com/matheusgomes29).
- URL_RSS_FEED: Coloque a URL do seu Feed, recomendo criar o RSS FEED com o FeedBurner.
- URL_MYSPACE: URL do seu perfil no MYSPACE.
- URL_DIGG: URL do seu usuário no digg.
Como adicionar o widget no blogger:
Depois que você editou, o último passo é colocar no blog. Para adicionar este gadget no Blogger primeiramente faça login no Blogger, e navegue até DESIGN >> ELEMENTOS DA PÁGINA como se fosse adicionar um gadget normalmente:
E agora clique em ADICIONAR UM GADGET e selecione HTML / JAVASCRIPT:
Agora é importante que você não coloque o título pois esse widget irá ficar flutuando no blog, por isso não terá um título. Depois disso é só colocar o código no espaço em branco e SALVAR. Prontinho, você já tem seu banner flutuante!
Por hoje é só galera, até mais! Compartilhe nas redes sociais...
- 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.