Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

12/09/2013

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!

3 comentários:

  1. Olá, Amei seu blog !!!

    Tem enquete novinha no meu blog (Strawberry and Cherry). Seja Educado(a) & Retribua a visita ;) Abraços !

    http://lynatudinhoparaorkut2011.blogspot.com.br/

    ResponderExcluir
  2. Fica bem lindo e diferente, coisa mais linda do mundo *---* Ainda não tinha visto o código, achei bem prático :3

    ~Bye
    Explosion of Paradise

    ResponderExcluir

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.