Pagina do facebook oculto na lateral do blog

Vou esta ensinando como colocar sua Pagina do facebook oculto na lateral do blog

Clique em Layout, depois Adicionar um Gadget,  Ao abrir, clique em  HTML/Javascript 
,pegue o código cole e edite, fazendo o seguinte, no local grifado em Rosa, coloque a URL  de sua página do Facebook. apos faze as modificações, salve

<!-- 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/AVvXsEhZMgnV8KCN5UuJD0knhPa6IJdyVIOtA4lr5Me0lh96OHoAmrkjfO2C31NCrtQtOe4s32l9FIw2PetvoCK4T5BPG0hHxf5CTqTINwTL5CzzhfYEjPB5qrcvLZXWrDmjR0DQPwJpJMChdOQq/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&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"  
style="border: none; height: 346px; overflow: hidden; width: 300px;"></iframe> 
</div>
</div>
</div>

pronto é só visualizar

É muito importante que você comente este poste e que curta nossa pagina no Face

Fonte: templateseacessorios.blogspot.com.br