Facebook: Box Personalizada

Oi gente, vários e vários blogs/sites estão usando as suas box's personalizadas lindas e maravilhosas que deixam o template a coisa mais linda do mundo então ... eu decidi postar clique em mais informações e confira o tutorial.

1 - Coloque esse código no seu css - no blogger seria no editor html > procure por ]]></b:skin> e cole antes.

.caixafacebook {
width: 278px;
height: 278px;
float: left;
margin-right: 10px;
background-image:url('http://static.tumblr.com/m3pvuaz/YGCmxkbsj/face.png');
position: center;
padding:11px;
padding-top:40px;
box-shadow: 0px 0px 10px 0px #c0c0c0;
}

2 Coloque esse código onde quer que apareça e troque o nome em destaque pela sua página:

<div class="caixafacebook">

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSUA_PAGINA&amp;width=280&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=250" scrolling="no" frameborder="0" style="; overflow:hidden; width:280px; height:250px;" allowtransparency="true">

</iframe>
</div>

Tutorial feito por : Sugoi Tutoriais. Credite!