Código da Caixa de Seguidores do Twitter - Fan Box - Dicas para Blogs
Já mostramos vários acessórios para integrar o twitter ao blog e assim conseguir mais visitas e mais seguidores no twitter, então agora vamos mostrar um código para exibir uma caixa com seus seguidores do twitter no seu blog que é semelhando a caixa de fãs do facebook. Se desejar conhecer outras formas de usar o twitter no seu blog veja aqui mais Ferramentas e Acessórios para o Twitter.
Esse é um código bem simples de instalar, você só precisa entrar na pagina design, adicionar gadget, escolher a opção html/javascript e colar essas linhas de html:
<script type="text/javascript">fanbox_init("dicasparablogs");</script>
A única alteração necessária na sua caixa de fãs do Twitter é o seu nome de usuário do twitter, veja onde está dicasparablogs, veja a linha:
E caso queria alterar o tamanho da caixa de fãs do Twitter você só precisa mudar esses valores no código:
width: 300px; largura da caixa de fãs
height: 250px; altura da caixa de fãs
Como falamos no inicio já fizemos outros tutoriais com gadgets e acessórios para o Twitter, então vejam alguns deles que podem ser úteis para seu blogspot ou qualquer outro tipo de blog ou site:
Botão Seguir no Twitter - Conseguir mais Seguidores
Esperamos que gostem de mais esse acessório e seja útil para conseguir mais seguidores no twitter e visitas para o blog de todos e sigam nosso perfil no twitter: fabianoroberto e vejam também dicasparablogs, onde publicamos 7 Sites com Dicas e Tutoriais para ajudar blogueiros.
CreativeMayer 20 julho, 2011 16:03
Otimo post! dicas para blogs sempre inovando! acho incrivel como você consegue cuidar do Dicas para blogs sozinho, tem o meu parabéns!
Fabiano Roberto 20 julho, 2011 17:59
apenas fizemos algumas alterações para simplificar o código
Personal 20 julho, 2011 18:49
Bmviicio | Play Team 21 julho, 2011 05:28
séra q tem como adicionar a like box do facebook sem os botão de enviar post pro facebook ?
Fabiano Roberto 21 julho, 2011 14:10
veja na pagina de Aplicativos do Facebook existem algumas configurações que pode fazer
Anônimo 21 julho, 2011 14:38
olá, gostaria de saber como faço para colocar algum link fora dos gadjets ou uma coisa tipo esse que vocês tem aí "Gostou? Compartilhe!!!".
Fabiano Roberto 21 julho, 2011 14:42
Anonimo, veja neste tutorial: Botões de Compartilhamento Fixos no Canto da Pagina - Redes Sociais
lá mostramos como fazer exatamente igual como estamos usando
Anônimo 21 julho, 2011 15:39
ok, consegui fazer, mas será que tem como colocar dois botões fixos no MESMO canto da página? Tipo um encima do outro ?
Fabiano Roberto 21 julho, 2011 16:44
isso depende de que tipo de botões... os do addthis não pois eles já tem formatação propria...
mas por exemplo se pegar o código do botão +1 do google e o código do botão retweet poderia colocar os dois fixos um embaixo do outro desta forma:
< p > codigo botão +1 < / p >
< p > codigo botão retweet < / p >
claro isso dentro do código de fixar no canto da pagina como usamos o addthis no tutorial.
não testei mas deve funcionar
Bmviicio | Play Team 22 julho, 2011 03:11
mais eu queria saber como eu removo os botões Curtir e enviar tipo oque tem no seu blog dentro das posts
Fabiano Roberto 22 julho, 2011 16:14
entre no seu html marque para expandir o modelo e procure pelo código do facebook
use o ctrl F e pesquise por http://connect.facebook.net
BINHO DESIGN CDs 23 julho, 2011 17:58
Como tirar o protetor de links do meu blog que ja vei no template
Ronilda David-Loubah Sofia 23 julho, 2011 18:00
Fabiano Roberto 23 julho, 2011 23:16
protetor de link que veio com o template? mas quais links estão protegidos?
dependendo é melhor trocar o template
Unknown 24 julho, 2011 10:28
Anônimo 24 julho, 2011 14:20
TENHO UMA DUVIDA ESCANDALOSA MAIS NÂO SEI COMO RESOLVER POR FAVOR ME AJUDE:
Como vocês criaram a lista de "Ajuda para Blogs" (melhor dizendo) como vocês selecionaram para "acessórios" ("Código da Caixa de Seguidores do Twitter - Fan Box") e outras coisas. Quero colocar no meu blog tipo assim uma aba "Jogos" e que lá contenha jogos mais não consigo selecionar os jogos e enviar para lá.
Tomara que entenda! rs
Obrigado, vlww
Bmviicio | Play Team 24 julho, 2011 16:44
Fabiano Roberto 25 julho, 2011 00:09
isso são os marcadores do blog
Ian Szot 26 julho, 2011 23:34
seria mais fácil assim o código:
ai era só alterar onde estava escrito USERNAME DO TWITTER AQUI pelo seu twiter e onde esta escrito aiframe trocar por iframe
mais curto e também funciona!
Fabiano Roberto 27 julho, 2011 14:48
o código do jeito que postou no comentário não aparece... envie para meu email e posso testar e depois publicar
Unknown 30 julho, 2011 15:53
Grande trabalho, sempre que posso dou uma olhada aki para ver as novidades .
Estou precisando de uma ajuda referente a este codigo mesmo, no meu BLOG não deu serto.
Ele aparece apenas como um risco azul e masi nada, me ajuda pliz?
segue o link do meu blog para ver como que ta a situação
http://h8tephi.blogspot.com/
Fabiano Roberto 30 julho, 2011 17:15
provavelmente usou o endereço errado da imagem... tem que ser o direct link
Anônimo 05 agosto, 2011 23:32
meu template tbm esta com protetor de link naum consigo tirar por favor quem puder ajudar add ae lucasmiqueiasnickel@hotmail.com
Fabiano Roberto 06 agosto, 2011 00:14
não podemos ajudar a alterar templates criados por outros sites...
Unknown 07 agosto, 2011 09:35
no internet explorer, não aparece, vc sabe o que pode esta acontecendo?
Fabiano Roberto 07 agosto, 2011 22:54
talvez seja algo momentaneo do carregamento da pagina... nos testes que fiz funcionou em todos os navegadores
Douglas C. R. Paes (Hot Wheels Addiction) 11 agosto, 2011 23:47
Dica aplicada e funcionando perfeitamente
Eric Charles 16 agosto, 2011 16:18
N to conseguindo.. eu coloco o codigo ae n fica nada lá da erro... ae na parte que eu coloco meu nome eu so coloco @myname ou wwww.twitter.com/@myname ???
Fabiano Roberto 16 agosto, 2011 17:57
não use o sinal de @
Victor Ribeiro 18 agosto, 2011 23:58
Muito bom o blog!!! Me ajudou bastante na criação e personalização do meu!!! Muito obrigado!!!
Unknown 29 agosto, 2011 15:03
Boa tarde Fabiano! Estou tentando, mas continua só aparecendo uma linha azul. A mudança é somente no nome do usuário no twitter?
Fabiano Roberto 29 agosto, 2011 15:26
sim, mas precisa colocar igual está no twitter
randromedo 30 agosto, 2011 15:14
oi seu D.B sempre me ajuda mas eu tenho um problema fora deste post, meu blog o moderador de comentarios naum pega mais pq? E lembrando ele esta selecionado na opçao sempre valeu!
Fabiano Roberto 30 agosto, 2011 15:33
é muito estranho mesmo.. tente desmarcar a opção, salvar e depois marcar novamente... pode ser um erro do blogger.
veja se o email para notificação está correto
Anônimo 08 outubro, 2011 11:31
obrigado ajudou muito entre no meu blog tecno-logiamax.blogspot.com
Unknown 20 outubro, 2011 13:50
Anônimo 29 outubro, 2011 13:49
oi queria saber como faço pra mudar o nome no twitter q ta no meu blog tem como? tipo assim eu coloca meu twitter pra eles segui eu vlw abraço
Fabiano Roberto 30 outubro, 2011 10:27
é só trocar o endereço do twitter no código
Maximus 20 novembro, 2011 13:06
Não funciona no internet explorer, somente no firefox...
Fabiano Roberto 20 novembro, 2011 13:54
@Maximus veja se alterou corretamente o seu nome no twitter no código, testei agora e funcionou o código
Usuário 887 10 dezembro, 2011 15:59
Pessola acho que não tá bem explicado por isso muito tão fazendo esse erros!
Lá onde está escrito dicasparablogs vc trocam pelo nome de usuário seu ou do seu blog!
Confere: http://bagacadigitalblog.blogspot.com/
Quesia Leal 15 dezembro, 2011 11:11
PESSOAL NÃO É PRA COLOCAR O LINK OU O @(ARROUBA)
SÓ COLOQUE O NOME, POR EXEMPLO:
MEU NOME NO TWITTER É: @QUELLP1
PORÉM SÓ COLOCO: QUELLP1
TIRE O ARROUBA,OK!!!
ADOREI A DICA ME AJUDOU MUITO
ESTE SITE ESTA DE PARABÉNS!
Unknown 07 janeiro, 2012 21:32
Adorei a caixa. Queria usa-lá, mas as cores não combinam nada com o meu blog, será q não existe uma maneira de edita-lás?
Fabiano Roberto 08 janeiro, 2012 00:35
são códigos de outros sites que fazem a caixa, então fica bem mais dificil personalizar sem gerar erros
Anônimo 19 janeiro, 2012 13:54
Ficou bom, mas tá sem a linha de baixo. Tu saberia o que eu tenho que fazer/
Fabiano Roberto 19 janeiro, 2012 14:29
não tem como formatar a caixa. ela usa códigos internos dos scripts
Le Yao Ming 28 janeiro, 2012 19:21
aqui no internet nao ta funcionando, se puder entrar em contato memeligados@hotmail.com, aparece um linha azul clara no internet explorer, firefoz e google tudo beleza
Fabiano Roberto 29 janeiro, 2012 03:53
essas diferenças de navegadores são dificeis de corrigir
o jeito é usar o código padrão fornecido pelo twitter
Élida 24 fevereiro, 2012 06:58
Obrigada pela dica. Sempre encontro o que procuro neste blog. Acho que é o mais completo da web.
Joga Jogos Online 23 março, 2012 19:05
Anônimo 30 junho, 2012 03:27
onde personaliza exemplo bordas cores de bordas e entre outros fabiano
Fabiano Roberto 30 junho, 2012 13:41
no trecho border: none; você pode alterar a borda, veja aqui: Colocar ou alterar as bordas
adm caique filmes 30 setembro, 2012 12:15
oi parabêns pelo artigo: ja coloquei no meu blog fico otimo brigadâo.
aqui meu site http://caique-filmes.blogspot.com/ de uma olhada
entre em contato msn - caique12335@hotmail.com
Ramon 07 dezembro, 2012 12:13
Fabiano Roberto 07 dezembro, 2012 12:19
tente ver no site do twitter se tem algum outro código para usar no blog.
as vezes eles alteram o código
Flávio Braz 03 janeiro, 2013 16:34
teria como mudas as cores da bordas das caixas do Twitter e face.
Fabiano Roberto 03 janeiro, 2013 21:14
Flávio no código onde está border: none;
isso deve deixar a borda preta então depois é só trocar para a cor que desejar.
(mas não testei)
fabricio lopes 28 janeiro, 2013 06:20
testei este,e varios outros codigos e nada de funcionar,nem mesmo o codigo no site oficial http://moopz.com/twitter-fan-box funcionou, testei no opera e firefox!
vou ve se consigo achar no twitter mesmo, mais sei la, talvez seja alguma incompatibilidade no template, pois com o codigo alguns de meus gadgets ficaram um pouco desconfigurado!
Unknown 16 fevereiro, 2013 04:34
não consegui tentei varios codigos encontrados na net e nada mem mesmo o http://moopz.com/twitter-fan-box funcionou, alguem me sabe outra forma
Fabiano Roberto 16 fevereiro, 2013 10:22
Daniel se usou varios códigos e nenhum deu certo talvez você tenha alterado algo errado...
na hora de alterar o código qualquer letra errada não deixa o código funcionar e em alguns casos existe até a diferença entre letra maiúscula e minuscula
Jussara Vaz Tavares 30 abril, 2013 08:40
muito bom o post mesmo me ajudou muito e você realmente esta me ajudando muito com seus posts.
Rafael Oliveira 08 julho, 2013 18:29
Amigo, boa noite ! Estou enfrentando um grande problema no meu site, tento colocar o link da caixa de seguir no meu site, faço todo o procedimento correeto mas ele não aparece...Poderia me dizer por qual motivo isso acontece...Qualquer resposta da sua parte pode ser feita através do meu Twitter @FaeelOliiveira ....Espero sua resposta