[Tutorial] Facebook Box personalizada


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>

:: Créditos: Sugoi Tutoriais

Nenhum comentário:

Postar um comentário

Deixe seu comentário