Mostrando twitter ao vivo no seu blog usando o plugin jQuery Livetwitter .

Recebi, via e-mail, e repassando estou,  a quem interessar possa.

Primeiro , traduzido em português, e após o original em inglês.

Tradução do inglês para o portuguêsMostrar romanização

Design blog Simplex: córrego 

Mostrando twitter ao vivo no seu blog usando o plugin jQuery Livetwitter

blog simplex design - Tips, Tricks, Hacks para o Blogger, e livre prêmio modelo do Blogger
para mim



simplex blog de design - Tips, Tricks, Hacks para o Blogger, e livre prémio Blogger template 

Design blog Simplex: córrego Mostrando twitter ao vivo no seu blog usando o plugin jQuery Livetwitter 

Link para o blog de design simples - Tips, Tricks, Hacks para o Blogger, e livre prêmio modelo do Blogger

Mostrando fluxo twitter ao vivo no seu blog usando o plugin jQuery Livetwitter


Embora Twitter agora funcionam como um serviço de mensagens instantâneas, foi originalmente concebido como uma ferramenta de microblogging. A idéia era dar atualizações curtas sobre o que está acontecendo ao seu redor um grupo de amigos.

Twitter ainda não funcionam bem assim. Somente agora, o seu grupo de "  amigos"   podem ser milhares de pessoas, eo que está acontecendo ao seu redor pode ser um desastre natural, uma eleição ou a um concerto. Twitter pode ser uma excelente ferramenta para "  viver Tweeting"   estes grandes eventos.

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,

um plugin Jquery chamado 
Jquery.Livetwitter

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

 -----------------------------------------------------------------------------------

Simplex Design blog : Showing live twitter stream in your blog using Jquery's Livetwitter plugin

------------------------------------------------------------

--------------------------------------------------------------------------------------

simplex design blog - Tips,Tricks,Hacks for Blogger ,and free premium Blogger template  para mim

mostrar detalhes 13:20 (30 minutos atrás)

ORGINAL:

---

Showing live twitter stream in your blog using Jquery's Livetwitter plugin

Posted: 23 Jan 2010 02:22 AM PST

Although Twitter now work as an instant messenger service, it was originally designed as a microblogging tool. The idea was to give short updates on what’s going on around you to a group of friends.

Twitter does still work well that way. Only now, your group of “friends” might be thousands of people, and what’s going on around you might be a natural disaster, an election or a concert. Twitter can be an excellent tool for “live Tweeting” these big events.

If you have a blog/website for an event ,you might want to add a live tweets streams on your site to keep track on what people are thinking .
And here is the solution for adding live tweets streaming into your site,a Jquery plugin named Jquery.Livetwitter



1,At first , click here to download Jquery.LiveTwitter plugin .
2,Upload file Jquery.Livetwitter.js to a host . I recommend Google code for an unlimited bandwidth and storage hosting .
3,Create a HTML/Javascript widget in your Blogger page elements .
4,Paste these lines into widget content :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" ></script>
<script src="your hosting / jquery.livetwitter.js" type="text/javascript"></script>

5,To add style to live tweets streams widget , paste this code into widget content :
<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>

You can modify values in this code for what you want .
6, Now adding code to make this plugin work :
<div id="twitterSearch" class="tweets"></div>
    <script type="text/javascript">

        // Basic usage
        $('#twitterSearch').liveTwitter('keyword', {limit: 5, rate: 5000});
    
    </script>
in this code :
-the 'keyword' is the topic you want to show tweets ,for example ,you want to show live tweets on election ,the 'keyword' is 'election' .
-Limit :5 mean showing 5 latest tweets . You can increase this number to show more
-rate :5000 mean the time to refresh 5000 milliseconds .
7,Instead of showing tweets from others ,you can show your tweets only by using this script :


<div id="twitterUserTimeline" class="tweets"></div>

    <script type="text/javascript">

        $('#twitterUserTimeline').liveTwitter('username', {limit: 5, refresh: false, mode: 'user_timeline'});

    </script>
username : mean the name of twitter account you want to show its tweets .
Ok,you are done .
Save your widget and see the result .
I see there is a widget in Blogger for showing Twitter updates ,but I love this plugin because it's easy to use and has a lot of option . You can see its option at this page

fonte:

Simplex Design blog : Showing live twitter stream in your blog using Jquery's Livetwitter plugin

<contact.dinhquanghuy@gmail.com>
brandaodasilvaedilene@gmail.com para
dados de 23 de janeiro de 2010 13:20
Assunto blog Design Simplex: córrego Mostrando twitter ao vivo no seu blog usando o plugin jQuery Livetwitter
feedburner.bounces.google.com Enviado por
google.com assinado por