Assine Nosso Feed!

Receba Nossas Atualizações em Seu E-mail:

  • Receba Todos os Nossos Artigos Automaticamente em Seu E-mail
  • Tenha a Exclusividade de Receber Boletins do Nosso Blog
  • Inscrever-se no feed do Nosso Blog é Fácil, Rápido e Seguro
  • Ajude a fazer Nosso Blog Crescer!!!


  • 23 de outubro de 2012

    Gadget de últimos tweet simples

    Olá galera hoje vou mostrar como colocar um gadget com o ultimo tweet em seu blog, é interessante mostrar ao seu leitor o que rola também nas redes sociais, cansando do modelo padrão comecei a procurar na internet o modelo mais interessante  foi assim que cheguei neste, simples e ao mesmo tempo bonito como mostra a imagem abaixo.

     Vamos ao Tutorial:

     Em Layout →Adicionar um Gadgat→ HTml/Javascript e cole o código abaixo

    <style>
    #ultimotweet { position:relative; width:335px; height:94px; margin:0 auto;
    background:url(http://2.bp.blogspot.com/-8jKyQz1JLTY/UHr-nCVNijI/AAAAAAAAFtU/T2XgWuNy2Uk/s1600/twitter.png);}
    .twtr-widget .twtr-tweet-wrap { position:absolute; top:10px; left:90px; overflow: hidden; padding:0px; margin:0; zoom:1; width:235px !important;}
    .twtr-doc { font-size:12px;}
    .twtr-hd, .twtr-user, .twtr-ft { display:none;}</style>
    <div id="ultimotweet">
    <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 1,
    interval: 5000,
    width: 335,
    height: 94,
    theme: {
    shell: {
    background: 'transparent',
    color: '#000'
    },
    tweets: {
    background: 'transparent',
    color: '#333',
    links: '#999'
    }
    },
    features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'all'
    }
    }).render().setUser('Trollada_boa').start();
    </script></div>

     Troque o nome Trollada_Boa pelo usename de seu Twitter e pronto

    0 comentários:

    Postar um comentário