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>
VLW
ResponderExcluirAjudo Muito!
ResponderExcluirVLW!
Olá!
ResponderExcluirO não esta funcionando. Inclusive, o do seu blog também não. Sabe oque é?
no meu não está dando certo.
ResponderExcluir