Menu com widgets sociais
Autor: Edilene brandao da silva | Publicado: 2013-04-18T12:36:00-07:00


Menu com widgets sociais :&nbsp;

Facebook&nbsp;
G+&nbsp;
Twitter
▼ 
&nbsp;<!-- Menu com widgets sociais -->img, a {border: 0;}#on {visibility: visible;}#off {visibility: hidden;}#facebook_div {width: 196px;height: 340px;overflow: hidden;}#twitter_div{width: 246px;height: 240px;overflow: hidden;}#google_plus_div {width: 290px;height: 250px;overflow: hidden;margin-left: 5px;margin-top: 1px;}#NBT_div {width: 300px;height: 97px;overflow: hidden;}/* right side style */#facebook_right {z-index: 10005;border: 2px solid #3c95d9;background-color: #fff; width: 196px;height: 353px; position: fixed;right: -200px;}#facebook_right img {position: absolute;top: -2px;left: -35px;}#facebook_right iframe {border: 0px solid #3c95d9;overflow: hidden; position: static;height: 360px;left: -2px; top: -3px;}#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;}#google_plus_right {z-index: 10003;background-color: #F2F2F2;border: 2px solid #006ec9;border-top: 2px solid #0056a0;border-bottom: 2px solid #0056a0;border-right: 2px solid #0056a0;border-left: 2px solid #0056a0;width: 290px;height: 250px; position: fixed;right: -294px;}#google_plus_right_img {position: absolute; top: -2px;left: -33px;border: 0;}#NBT_right {z-index: 10003;border: 2px solid #303030;background-color: #fff;width: 300px;height: 97px;position: fixed;}#NBT_right img{ position: absolute;top: -2px; left: -101px;}/* left side style */#facebook_left {z-index: 10005;border: 2px solid #3c95d9;background-color: #fff;width: 196px;height: 250px;position: fixed;left: -200px;}#facebook_left img {position: absolute;top: -2px;right: -35px;}#facebook_left iframe {border: 0px solid #3c95d9;overflow: hidden;position: static;height: 360px;right: -2px;top: -3px;}#twitter_left {z-index: 10004;border: 2px solid #6CC5FF;background-color: #6CC5FF;width: 246px;height: 250px;position: fixed;left: -250px;}#twitter_left_img {position: absolute;top: -2px;right: -35px;border: 0;}#google_plus_left {z-index: 10003;background-color: #006ec9;border: 2px solid #006ec9;border-top: 2px solid #0056a0;border-bottom: 2px solid #0056a0;border-left: 2px solid #0056a0;border-right: 2px solid #0056a0;width: 290px;height: 250px;position: fixed;left: -294px;}#google_plus_left_img {position: absolute;top: -2px;right: -33px;border: 0;}jQuery(document).ready(function (){ jQuery("#facebook_right").hover(function (){ jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#facebook_right").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("#google_plus_right").hover(function () { jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#google_plus_right").stop(true, false).animate({ right: -294 }, 500); });});
 







function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='';}  
  fanbox_init("agreggador");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' ) );

fanbox_init("agreggador");






 
data-source="blogger:blog:followers" data-width="270">  
      (function() {          window.___gcfg = {'lang': 'en'};          var po = document.createElement('script');          po.type = 'text/javascript';        po.async = true;          po.src = 'https://apis.google.com/js/plusone.js';          var s = document.getElementsByTagName('script')[0];        s.parentNode.insertBefore(po, s);        })();         




&nbsp;
copie&nbsp;
o código,
e&nbsp;
faça as alterações
para seu

Facebook&nbsp;
G+&nbsp;
Twitter