css - personalizar - tamaño imagen og facebook

personalizando facebook como caja

Question

Me gustaría personalizar el diseño de mi like-box de facebook. Ya busqué en la red y seguí todas las instrucciones, he aquí el enlace que probé pero parece obsoleto:

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

Hay muchos tutoriales en la web, pero tienen la misma solución.

Estuve atrapado por casi 2 horas en esto. ¿Alguien sabe cómo personalizar el cuadro de "me gusta"?

tu ayuda es muy apreciada.

Answer 1

1. Obtenga el código XFBML desde aquí: http://developers.facebook.com/docs/reference/plugins/like-box/#
2. Renombrar fb: like-box a fb: fan
3. Sube tu archivo css en tu sitio web
4. Agregue estos parámetros a la etiqueta fb: profile_id = "ID DE SU PÁGINA" css = "http://example.com/css/your-cutom-style.css?1"

Disfrutar :)

Answer 2

¿Cuál es exactamente tu problema? Las instrucciones en el enlace proporcionado funcionan bastante bien. asegúrese de actualizar el parámetro "? 1" de su archivo css cada vez que realice cambios y cárguelo.

Si tienes un enlace te podría ayudar un poco más.

Answer 3

Facebook tiene un "asistente" que prácticamente te ofrece todas las opciones y el estilo que está permitido.

http://developers.facebook.com/docs/reference/plugins/like

http://developers.facebook.com/docs/reference/plugins/like-box

Answer 4

No puedes personalizar el método iframe. Sin embargo, puede personalizar el método xfbml a través de su propio css. Vea esta página: http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

Answer 5

Puede personalizar el cuadro de facebook utilizando el código html. La forma más sencilla, sigue este paso.

<div id="facebooklikebox-3" class="widget widget_FacebookLikeBox"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/607728429342897" width="290" show_faces="true" border_color="AAAAAA" stream="false" header="true" class=" fb_iframe_widget" fb-xfbml-state="rendered" ><span style="vertical-align: bottom; width: 290px; height: 400px;"><iframe name="f25883e0a8" width="290px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="yes" title="fb:like_box Facebook Social Plugin" style="border: none; visibility: visible; height: 400px;" class=""></iframe></span></fb:like-box></div>

Coloque este código en su código html y reemplace la url de iframe en la url de su página de Facebook.

Puede obtener referencia here

Answer 6

Weltkind lo hizo bien. El truco es que, cuando cambias <fb:like-box> a <fb:fan> también debes incluir el atributo profile_id , ¡ o no mostrará nada! Si cambia el nombre de la URL de su página de fans como la que tengo, el número original puede tomarse de la página de ideas. Le daría más votos a Weltkind, pero aún no tengo suficiente reputación. Doh :)