[TUTORIAL] Passarinho do twitter no fórum

[Luciano98]

Twitter no seu fórum

Neste tutorial vamos aplicar um código Script que finalmente nos auxiliará na gestão das publicidades do fórum. Esse Scrpit estará mostrando um passarinho azul claro do Twitter flutuando sobre o seu fórum, e pode ser facilmente aplicado.

--> Tutoriais dicas, e astúcias <--
Passarinho do twitter no fórum

1º - Criar widget personalizado para suportar o código:
Como esse código é aplicável em qualquer campo que aceite o HTML/Script ou Jquery, vamos aplicá-lo em um widget, que de preferência esteja pontualmente seja visível em todas às páginas do fórum.

Painel de controle ->> Módulos ->> Portal e Widges ->> Gestão dos widgets do fórum ->> ->>

(carregue na imagem para aumentar)

Nome do widget - Terá de colocar um título para o widget, de forma a poder identifica-lo na lista dos widgets pessoais do Painel de Controle.

Utilizar um table type - Caso opte pale opção "Sim" o widget terá a moldura padrão dos restantes widgets, caso opte por "Não" o conteúdo não estará rodeado por qualquer moldura.

Título do widget - Neste campo, terá de atribuir um título, o que será visualizado no seu fórum. Caso tenha marcado a opção "Não" na opção anterior, colocar ou não um título será indiferente.

Fonte do widget - Aqui deverá colocar o conteúdo do widget, poderá colocar variáveis mas não poderá colocar BBcode e sim HTML. Veremos nos pontos seguintes como poderá utilizar o editor HTML.

Salvar - Por fim, após colocar o conteúdo, terá de "Salvar" o seu widget personalizado.

2º - Modificar o código para o seu twitter:
Neste código não há muito o que modificar.

<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'ENDEREÇO_DO_TWITTER'; var twitterThisText =''; tripleflapInit();
</script>

Vermelho: Endereço externo do seu twitter. Ou seja: http://twitter.com/#!/forumotion

Quando modificar o código para o endereço do seu twitter salve o widget e adicione na estrutura.

• Qual será o resultado?
  Você poderá conferir o resultado neste fórum: http://forumactif.forumeiros.com/ - Com um passarinho flutuando em todo o fórum.

--> Tutoriais dicas, e astúcias <--
Passarinho do twitter no fórum

• Posso adicionar o passarinho em outro local?
  Painel de controle ->> Visualização ->> Home page ->> Geral ->> Conteúdo da mensagem ->>
  Se desejar, poderá adicionar o mesmo widget que criamos até no portal, para que seja mostrado quando os visitantes chegarem ao fórum.

---

© Fórum dos Fóruns & Coleman

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Passarinho do twitter no fórum