Widget do Twitter em seu blog com facilidade

Se você quer no entanto, o widget do Twiiter em seu blog, com facilidade, apenas copie o código e cole no HTML/Javascript em seu blog. Depois coloque o nick (seu nome de usuário no Twitter) nos dois (atenção que são dois locais)

• Widget do Facebook
• Widget do Google Plus
• Widget oculto do Facebook, Twitter e Google Plus

Vá até o Layout de seu blog

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código fazendo as modificações necessárias.

<!-- Widget do Twiiter -->
<style>
#twitter_div{
width: 270px;
height: 300px;
overflow: hidden;
background: #fff;
border: 6px solid #61BCFB;
}
</style>

<div id="twitter_div">  

<script type='text/javascript'>function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user='+screen_name+'" class="FB_SERVER_IFRAME" scrolling="no" style="width: 270px; height: 300px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></iframe>';}</script>  <div id="twitterfanbox">  <script type="text/javascript">fanbox_init("NICK DESEU TWITTER");document.write( unescape( '%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%23%39%39%39%39%39%39%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%20%78%78%2D%73%6D%61%6C%6C%3B%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6E%65%77%62%6C%6F%67%67%65%72%74%69%70%73%2E%63%6F%6D%2F%32%30%31%33%2F%30%32%2F%61%64%64%2D%73%6D%6F%6F%74%68%2D%6A%71%75%65%72%79%2D%66%6C%6F%61%74%69%6E%67%2D%74%77%69%74%74%65%72%2D%66%61%6E%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%47%65%74%20%54%68%69%73%3C%2F%61%3E%3C%2F%73%70%61%6E%3E' ) );</script>
</div>

<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("NICK DE SEU TWITTER");</script>
</div>
</div>

»»Leia mais...

Widget do Twiiter oculto na lateral de seu Blogger

Se você prefere colocar apenas o widget de seu Twiiter em seu Blogger, o código e este.

• Colocar o widget do Facebbok em seu blog
• Colocar o widget do Google Plus
• Colocar o widget do Facebook, Google Plus e Twitter no Blogger 

Salve. Agora clique em Layout

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código fazendo as modificações necessárias, colocando seu nick do Twitter nos locais grifados em vermelho.

<!-- Widget do Twitter -->
<style>
img, a {
border: 0;
}
#on {
visibility: visible;
}
#off {
visibility: hidden;
}

#twitter_div{
width: 246px;
height: 240px;
overflow: hidden;
}

#twitter_right {
z-index: 10004;
border: 2px solid #6CC5FF;
background-color: #6CC5FF;
width: 246px;
height: 240px;
position: fixed;
right: -250px;
}
#twitter_right_img {
position: absolute;
top: -2px;
left: -35px;
border: 0;
}

#twitter_left_img {
position: absolute;
top: -2px;
right: -35px;
border: 0;
}

</style>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script type="text/javascript">jQuery(document).ready(function ()

{ jQuery("").hover(function ()
{  jQuery(this).stop(true, false).animate({   right: 0  }, 500); }, function () {  jQuery("").stop(true, false).animate({   right: -200  }, 500); }); jQuery("#twitter_right").hover(function () {  jQuery(this).stop(true, false).animate({   right: 0  }, 500); }, function () {  jQuery("#twitter_right").stop(true, false).animate({   right: -250  }, 500); }); jQuery("").hover(function () {  jQuery(this).stop(true, false).animate({   right: 0  }, 500); }, function () {  jQuery("").stop(true, false).animate(
{   right: -294  }, 500); });});</script><br /><div id="on"> <div id="" style="top: 12%;">



<div id="on">
<div id="twitter_right" style="top: 28%;">
<div id="twitter_div">
<img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvxXseVpvL-14e9Fox_Q8TBFK0r8k9eZAQ-PL9BDkndJGr5AKeKb1IQbOcMCpCqvIL2ZX99CgP6dj6R54eilNHh1fDt9Gt8BjXIwe-T8H7BxqQmqqL2sXiLqDRsweQaFHQbTUwRjhDxjH7/s1600/NBTtwitter_right.png" />
<script type='text/javascript'>function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user='+screen_name+'" class="FB_SERVER_IFRAME" scrolling="no" style="width: 300px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></iframe>';}</script>  <div id="twitterfanbox">  <script type="text/javascript">fanbox_init("NICK DE DEU TWITTER");document.write( unescape( '%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%23%39%39%39%39%39%39%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%20%78%78%2D%73%6D%61%6C%6C%3B%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6E%65%77%62%6C%6F%67%67%65%72%74%69%70%73%2E%63%6F%6D%2F%32%30%31%33%2F%30%32%2F%61%64%64%2D%73%6D%6F%6F%74%68%2D%6A%71%75%65%72%79%2D%66%6C%6F%61%74%69%6E%67%2D%74%77%69%74%74%65%72%2D%66%61%6E%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%47%65%74%20%54%68%69%73%3C%2F%61%3E%3C%2F%73%70%61%6E%3E' ) );</script>
</div>

<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("NICK DE SEU TWITTER");</script>
</div>
</div>
</div></div></div></div>

»»Leia mais...

Últimos twitters na sidebar

DEMO

Redes sociais são ótimas para interagir, incrementar e dar um up em seu blog. Use e abuse deste widget, que mostrar os últimos twitters em seu blog.

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código, colocando o nick do Twitter (sem o @) no local indicado em vermelho.

<div id="twit">
<div id="twitter_div">
<h2 style="display:none;" class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
</div>

<script type='text/javascript'>
//<![CDATA[
function twitterCallback2(twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
    });
    statusHTML.push('<li><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></li>');
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}

function relative_time(time_value) {
  var values = time_value.split(" ");
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset() * 60);

  if (delta < 60) {
    return 'less than a minute ago';
  } else if(delta < 120) {
    return 'about a minute ago';
  } else if(delta < (60*60)) {
    return (parseInt(delta / 60)).toString() + ' minutes ago';
  } else if(delta < (120*60)) {
    return 'about an hour ago';
  } else if(delta < (24*60*60)) {
    return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
  } else if(delta < (48*60*60)) {
    return '1 day ago';
  } else {
    return (parseInt(delta / 86400)).toString() + ' days ago';
  }
}

//]]>
</script>


<script src="http://api.twitter.com/1/statuses/user_timeline.json?screen_name=SEU_NOME_DE_USUARIO_NO_TWITTER&include_rts=1&exclude_replies=true&callback=twitterCallback2&count=10" type="text/javascript"></script>




<style type="text/css">
#twit{background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCTWixYTsyW1C-wyOtFEELOGmQvb-JE0jATO4xHDQavOPoaHQ-FA0nG2ee04wxVgZu64eTBcQnIVhpmEuPNbrV9MB5h1Ar0V6ZJ3rkgCEukDQD-7eVMVFSIc66a8O9QYVN7fKUxSPgXz1s/s1600/backtwitter2.png) no-repeat;width:220px; height:278px;}
#twitter_div{width:60px; height:165px;padding:15px;}
#twitter_update_list{width:140px; height:115px; margin:2px 5px 0 41px; padding:2px 10px 10px 5px; overflow: auto;text-align:left;font-size:11px;}
</style></div>

»»Leia mais...

Colocar no Blogger widget para seguir no Twitter

Dê a seus leitores a oportunidade de te seguir no Twitter.

Vá até Layout

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código escrevendo seu nick do Twitter (sem o @)

<!-- Twitter Follower Box -->
<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 305px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("AQUI SEU NICK DO TWITTER");</script
type="text>
<!-- End Twitter Follower Box -->

»»Leia mais...

Menu com botões sociais flutuante na lateral do Blogger

Depois de muito procurar por este menu para compartilhar seu blog e postagens nas principais redes sociais como Twitter, Facebook e Google Plus, acabei encontrando o código certo e mais fácil de instalar no blog Internovinet. Esse é colocado no HTML/Javascript. Facinho demais.

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Vá até Layout

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o código abaixo e salve.
(se quiser que flutue a esquerda, troque o código que está em vermelho pela palavra left)

<!-- Começo código -->
<style type='text/css'>
.dvin{
     border-style:solid;
      border-width: 3px;
     border-color:#e3e3e3;
     padding-top:10px;
     padding-bottom:50px;
     padding-right:2px;
     padding-left:2px;
     border-radius: 6px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
 }
  .plus {
     text-align: center;  
     margin-top: 5px;
     margin-left: 1px;
 }
 .tweet {
      text-align: center;
      margin-top: 3px;
 }
 .face {
      text-align: center;
      margin-top: 4px;
 }
</style>

<div style='position: fixed; top: 40%; right: 3px'>
<div class='dvin'>
<!-- Google +1 -->
<div class='plus'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>{lang: 'pt-BR'};}</script>
<g:plusone size='tall'/>
</g:plusone>
</div>
<!-- Tweet -->  
<div class='tweet'>
 <a class='twitter-share-button' data-count='vertical' data-via='Internovinet' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
<!-- Facebook -->
<div class='face'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
</div>
</div>
</div>

»»Leia mais...

Twitter com o passarinho que voa no Blogger

Para ter o pássaro voando em seu blog siga as instruções.

Clique em Adicionar um Gadegt

Ao abrir, clique em  HTML/Javascript

Escolha então a cor que quiser, copie e cole. Depois coloque o seu nick do Twitter no local indicado e o endereço de seu blog.

Pássaro Vermelho

 <script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKYVBji9K_6r2byXtZv5wKUC9Jrls3bdKSc0VsHCltZlx7wkQlGFhNnqoA_zfmyybmyvsNJRlpvpn_VmvmMQW2QhM1LMA_miU_UbaEv2PzQgLlqWio_PnlJ95BM060H4WttXxVzMK97G0/"; 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 = "http://twitter.com/SEUNICK";var tweetThisText = "Twitter - seu twitter  ENDEREÇO DE SEU BLOG/";tripleflapInit();
</script>

Pássaro  Azul

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgCw_cC29UlUN1aSI59rwuuJHlCH89CyCrUrBIuvrsdeOwYOF2sfGydz2fLGjTmoL25X5zmh0NalZSXnfnYZCC7RzlvoeOF83iFKIkSuloCoWU4NwLLbalQ-xrw7ii3TJNxb7gXftPrE/"; 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 = "http://twitter.com/SEUNICK";var tweetThisText = "Twitter - seu twitter  ENDEREÇO DE SEU BLOG/";tripleflapInit();
</script>

Pássaro  Roxo

 <script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
 <script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc8PSHNFaJERIX5rG192Nd5kWsvhrXOGTVgWG3eCtQZdJtIPeufgqYh7Py2Zjg863UBkjSDKRzrWJgUkgrHAccUkdBDhIPwGdusW43q7rPc1cLlyF_guRh_RPyh2KFtxk1kI5rI-d70IQ/"; 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 = "http://twitter.com/SEUNICK";var tweetThisText = "Twitter - seu twitter  ENDEREÇO DE SEU BLOG/";tripleflapInit();
</script>

Pássaro Marrom

 <script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIcaJLDF3yzvRXD4zmFurhHsr2mvOtpj4pp36iHHrF0SW-V0D_dmL9HCjtNG-8VHFGF-2PfDKJSaF_vyKX4p_aLgqFX-LtXrVsN1DGvh59flyxscBnlgeP59RUkfkWLlpZXbUxHI3BIwk/"; 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 = "http://twitter.com/SEUNICK";var tweetThisText = "Twitter - seutwitter  ENDEREÇO DE SEU BLOG/";tripleflapInit();
</script>

Pássaro Preto

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
 var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiytlUf_OtAnbs5VCm8Pe-4d7LqP6_1iYsQYYyLZgzCcSfGv-hlN0jnabVLNWMTLz5U27kGDc_QkYQ9Bqzu4oaFIige_wWXhYe5kc7BH3Y7-heWuTJoytwhJFlMjb9pIJD3aPbSEkNPKcw/"; 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 = "http://twitter.com/SEUNICK";var tweetThisText = "Twitter - seutwitter  ENDEREÇO DE SEU BLOG/";tripleflapInit();
</script>

Pássaro  Verde

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
 var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmGQWOn7BZn6Y0PHLteAEErHtped7trI-8nJ89j6BerswpTIrbiFt8LZBSeSBj5mjl0iFnv7C32d3ebpWf9e2L59wVNa9kNOKhpqHeNyoroD1jw2zaUE-t83erNBWR16h8I6x7ld77bo/"; 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 = "http://twitter.com/SEUNICK";var tweetThisText = "Twitter - seutwitter  ENDEREÇO DE SEU BLOG/";tripleflapInit();
</script>

Pássaro Amarelo

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0yc9T_-ItEeT83GMkTsz-JRjqHn8rPYYKeJFyZYxCUP_hyVZ8PyufpjqIrBUUcyl2KA8kZevjfCMyOoHL7_EAFl01dLWJ7Lka0Ocae1eqv29nDvioNN2ljiGJT-kAog3mAEfv-CwzPs/"; 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 = "http://twitter.com/SEUNICK";var tweetThisText = "Twitter - seutwitter ENDEREÇO DE SEU BLOG/";tripleflapInit();
</script>

Pássaro Branco

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
 <script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxI1OaflJ5TLFT8eH4Yu4JK_SPUV1yJ5FFk87wQQVbkUvqIqzgdz1VqCHTSj0QH_iTGDKCVUxKb7x0eBJ3CylmfQMj67sGXuKdXS0Ee8o1YPdmrzv4WyNDP7O5xKmYb2051_qxC9KB02w/"; 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 = "http://twitter.com/SEUNICK";var tweetThisText = "Twitter - seutwitter ENDEREÇO DE SEU BLOG/";tripleflapInit();
</script>

Pássaro Azul

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbnLTOy7PTFh5orbhTil8utD2nm8tHrU5UW-enxLJKJk_PFBTddhy1Fhem6L-BkXYlD7ztIN7QNVZ1znjcqS6XwAeKf2VIi6t7gF3TOwY-tZBseoE3z0sQdH5K7bAEfRQ_G4xcofaCd9o/"; 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 = "http://twitter.com/SEUNICK";var tweetThisText = "Twitter - seutwitter ENDEREÇO DE SEU BLOG/";tripleflapInit();
</script>

Créditos: Falapu Techno

»»Leia mais...

Colocando botão Google +, Facebook e Twitter com contadores em seu blog

Para colocar os botões dos três maiores indexadores sociais em seu blog, proceda da seguinte maneira.


Vá até o modelo de seu blog, clique em "Editar modelo"

 

Ao abrir a janela, clique em "Expandir modelo de widget"

Agora procure por:

<div class='post-footer'>

Cole então o próximo código abaixo dele, colocando seu nick no Twitter onde está em vermelho.

    <div style='float: left; padding: 4px;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
<a class='twitter-share-button' data-count='horizontal' data-via='AQUI SEU NICK TWITTER' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone/>
</div>

 ----------------------------------------X--------------------------------------

Se você usa o modelo antigo do Blogger, vá até o HTML de seu blog e clique em "Expandir modelos de widget"

Procure então por:

<div class='post-footer'>

E cole o próximo código abaixo dele, colocando seu nick no Twitter no local indicado

   
<div style='float: left; padding: 4px;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
<a class='twitter-share-button' data-count='horizontal' data-via='aqui seu nick no twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone/>
</div>

»»Leia mais...

Novos botões de compartilhamento do Twitter e Facebook no Blogger

Ter um botão de compartilhamento das postagens do Twitter no Blogger já havia sido ensinado neste blog, mas o Twitter finalmente lançou o botão, e eis que repasso para vocês. Dica vista no blog Blogger Plugins

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

No HTML do seu blog clique em "Expandir modelos de widget", procure então pelo código:

<data:post.body/>

Abaixo dele cole o seguinte código:

<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text='data:post.title' data-count='vertical' data-via='SEU NICK NO TWITTER'>Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>

Coloque o seu nick no local indicado na cor vermelha Coloque horizontal no código rosa se você preferir o modelo abaixo.

Tweet Horizontal

Tweet Vertical

Para ter os botões do Facebook, também no HTML do seu blog clique em "Expandir modelos de widget", procure então pelo código:

<data:post.body/>



<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>

»»Leia mais...

Mais botões para o Twitter

Enconttrei um blog que disponibiliza uma série de botões do Twitter para colocar no blog.

Download

»»Leia mais...

Twitter em tempo real em seu blog

Quer ver em tempo real seus bate-papos no Twitter, ou de algum assunto determinado ? Copie o código, coloque no HTML/Javascript em seu blog, faça as alterações e aproveite. Eu que sou BBB maníaca, estou seguindo o Boninho e os comentários sobre o BBB10. Veja no código em vermelho, é aí que você fará as modificações para seguir o tema que queira.

<script src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'Boninho',
  interval: 6000,
  title: '',
  subject: 'O que falam para Boninho',
  width: 200,
  height: 200,
  theme: {
    shell: {
      background: '#f4f4f4',
      color: '#034499'
    },
    tweets: {
      background: '#f4f4f4',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
  }
}).render().start();
</script>

»»Leia mais...

Widget do Twitter no Blogger

Para colocar um widget do seu Twitter no Blogger, copie o código abaixo, clique "Layout" depois clique em "Adicionar um gadget".

Ao abrir a janela clique em "HTML/Javascript" e então cole o código.

Faça a modificação que se pede (onde está na cor vermelha, coloque seu nick no Twitter e pronto)

<center><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 250,
height: 300,
theme: {
shell: {
background: '#ffffff',
color: '#000000'
},
tweets: {
background: '#ffffff',
color: '#000000',
links: '#b870c7'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('AQUI SEU NICK NO TWITTER').start();
</script></center>

»»Leia mais...

Atualizando o Twitter e o Facebook automaticamente com as postagens do Blogger

O site Twitterfeed atualiza automaticamente o seu Twitter e o Facebook com as postagens do Blogger. Publicou ? Já está no Twitter e no Facebook. Entre no site clicando AQUI.

Veja na página em cima do lado direito. Clique em "Sing Up"

Preencha o formulário com seu email (o mesmo que você usa para a conta do Twitter) e a senha.Deixe o pequeno quadrado selecionado e depois clique em "Create Account"

Você vai para uma segunda página como esta.  Agora clique no banner.

Você foi direcionado para a página de login do Twitter, faça o login para entrar e assim concluir o registro.

Agora preencha esta página com o título de seu blog e o feed.

Prontinho !

Depois repita a operação, mas dessa vez com o Facebook

»»Leia mais...

Contador do Twitter no blog

Para colocar um contador de seguidores em seu blog siga a dica.

Modelo 1

modelo 2

Entre no site Twitter Conter,

No pequeno quadrado a esquerda escreva seu nick do Twitter e depois clique em "SHOW"

Você será direcionado a esta página. Veja que o contador está a esquerda, clique em "Twitter conter to your site"

Agora é só escolher o contador, copiar o código e colocar no HTML/Javascript

Veja que abaixo o site disponibiliza também esse widget.

»»Leia mais...

2 widgets do Twittwer para seu blog

Já instalei ambos em meu blog e funcionam certinho.

O primeiro é um widget que mostra as últimas atualizações diretamente em seu blog, como este abaixo.
Clique AQUI e faça o seu.






O Outro, mostra seus seguidores. Clique AQUI e faça o seu.

Pegue o seu.

»»Leia mais...