visitando um blogs de uma amiga Edilene conheci uma dica bem legal para usar o seu twitter ao vivo no seu blog
com um código fonte bem interessante para quem quer transmiti suas twittada ao vivo para seus visitante
Se você tem um blog / site para um evento, você pode querer adicionar um tweets transmissões ao vivo em seu site para manter o controle sobre o que as pessoas estão pensando.
E aqui está a solução para adicionar
tweets live streaming
em seu site,
1, num primeiro momento, clique aqui para baixar o plugin Jquery.LiveTwitter.
2, Jquery.Livetwitter.js upload de arquivos para um host. Eu recomendo código do Google para uma largura de banda ilimitada de armazenamento e hospedagem.
3, criar um HTML / JavaScript na sua página elementos Blogger.
4, colar estas linhas para conteúdo widget:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"> </ script>
src="your <script hospedagem / jquery.livetwitter.js" type="text/javascript"> </ script>
5, adicionar o estilo de viver tweets Widget córregos, cole este código no widget de conteúdo:
<style type="text/css" media="screen">
body (
background: # E1EBFF;
font-family: Verdana;
font-size: 13px;
color: # 111;
margin: 40px 120px;
line-height: 1.4;
)
h2 (
margin-top: 40px;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
)
a, a: visited (
color: # 066999;
)
a: hover (
color: # 111;
)
. tweet (
background: # fff;
margin: 4px 0;
width: 500px;
padding: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
)
. tweet img (
float: left;
margin: 0 8px 4px 0;
)
. tweet. (text
margin: 0;
)
. tweet. time (
font-size: 80%;
color: # 888;
white-space: nowrap;
)
# Twittersearch. tweet (
min-height: 24px;
)
# Twittersearch. tweet. (text
margin-left: 32px;
)
</ style>
Você pode modificar os valores neste código para que você quer.
6, agora adicionar o código para fazer este trabalho plugin:
<div id="twitterSearch" class="tweets"> </ div>
<script type="text/javascript">
/ / Utilização básica
$ ( 'Twittersearch #'). liveTwitter ( 'chave', (limite: 5, rate: 5000));
</ script>
neste código:
-a «chave» é o tema que pretende mostrar tweets, por exemplo, que pretende mostrar ao vivo tweets sobre a eleição, a " chave" é "eleição".
-Limit: 5 média mostrando 5 últimas tweets. Você pode aumentar este número para mostrar mais
Taxa: 5000: o tempo para refrescar 5000 milissegundos.
7, Em vez de mostrar tweets dos outros, você pode mostrar seus tweets apenas usando este script:
<div id="twitterUserTimeline" class="tweets"> </ div>
<script type="text/javascript">
$ ( 'twitterUserTimeline #'). liveTwitter ( 'username', (limite: 5 de atualizar: false, mode: 'user_timeline'));
</ script>
usuário: dizer o nome do Twitter conta que pretende mostrar a sua tweets.
Ok, você está feito.
Salve o seu widget e ver o resultado.
Vejo que é um widget do Blogger para mostrar as atualizações do Twitter, mas eu adoro este plugin, porque isso é fácil de usar e tem um monte de opção. Você pode ver a sua opção nesta página
conheça outras discas para twitter
0 comentários:
Postar um comentário
seja bem vindo ao mundo do doutorblogs, e sendo asim espéro ser merecedor de suas amizades e lhe convido para visitar mais e ser um dos Seguidor de nosso blogs.
atenciosamente douotrblogs.