Se você quer colocar apenas a página do Facebook, então o código é este.
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, no local grifado em vermelho, colocando o endereço completo de sua página do Facebook.
<!-- Menu widget Facebook -->
<style>
img, a {
border: 0;
}
#on {
visibility: visible;
}
#off {
visibility: hidden;
}
#facebook_div {
width: 300px;
height: 340px;
overflow: hidden;
}
/* right side style */
#facebook_right {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 300px;
height: 353px; position: fixed;
right: -305px;
}
#facebook_right img {
position: absolute;
top: -2px;
left: -35px;
}
#facebook_right iframe {
border: 0px solid #3c95d9;
overflow: hidden; position: static;
height: 300px;
left: -2px; top: -3px;
}
#facebook_left {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 300px;
height: 250px;
position: fixed;
left: -305px;
}
#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;
}
</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("#facebook_right").hover(function ()
{ jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#facebook_right")
.stop(true, false).animate({ right: -305 }, 500); }); jQuery("").hover(function () { jQuery(this)
.stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("")
.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="facebook_right" style="top: 12%;">
<div id="facebook_div">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwV7O_Bx438DsVXCzDvkvZ9HSOvEaT86twSZz1mRWCjRfbu86uk7tvUxI6lNzju-Wxi9UoEykznCp80WhllWd_5frC9iKbwpQW39vn4jI5kMlLbuYWWNq3qvXgfce-FFBQ2CIpWGtaXw42/s1600/NBTfacebook_right.png" />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=AQUI O ENDEREÇO DE SUA PÁGINA DO FACEBOOK?ref=hl;
width=300&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false"
style="border: none; height: 346px; overflow: hidden; width: 300px;"></iframe>
</div>
</div>
</div>
nossa Elke!
ResponderExcluirTa lindo seu template hj!
Parabens!!!
Adorei!!!!
So tem um problema fisso tudo certin,,, mas so que quando clico para sair da lateral o quadrado da minha pagina do face que é 300x250 pixels fica totalmente fora do quadrado,, como que revolvo isso,, a sua ae fico dentro certinho a minha fica fora , bem fora uns 100 pixels abaixo . pq ? é alguma configuração no codigo ?
ResponderExcluirObrigado ELKE,
ResponderExcluiralém de dar uma ótima aparência no Template, você ainda consegue alguns fãs no Facebook com esse Plugin. ;)
Boa Noite!!
como eu mudo o icone ?
ResponderExcluirOlá! Deu certinho, mas ficou a caixa do widget em branco na coluna direita do blog. Tem como tirá-la?
ResponderExcluirObrigado!