|

FanboxLos blogs parecen estar viviendo una segunda edad de oro, gracias a la eclosión de las redes sociales, muy útiles para compartir contenidos. Bitácoras personales, profesionales, artísticas... hay de todo tipo, y cada día se abren miles de blogs nuevos.

Wordpress y Blogger son las plataformas de blogs más conocidas en todo el mundo, sobre todo por su buena oferta, gratuita y llena de posibilidades. La clave del éxito: no hace falta que sepas de programación web para diseñar y personalizar tu blog.

¿Quieres saber algunos trucos para mejorar el aspecto de tu blog? Hoy te enseñamos cómo añadir widgets de Facebook y Twitter.

¡Quiero mi caja de Facebook!

Si te fijas en la barra derecha de nuestro blog, verás una caja azul bajo el título "Softonic en Facebook". Se llama Facebook Like Box. Desde ahí puedes acceder de forma rápida a nuestra página en Facebook, y sin salir del blog puedes darle al botón de "Me gusta".

Añadir esta caja en tu propio blog es muy fácil. Si tienes Blogger, necesitas el código para pegarlo en tu blog. Entra en la página de Developers de Facebook y ajusta las opciones según tus intereses:

De los dos códigos que te da Facebook, copia en el portapapeles el código XFBML.

Ahora accede a la página de diseño de Blogger y en la parte central, abre el desplegable Añadir un gadget. De entre todas las opciones, elige HTML/Javascript, pega el código, elige un título y guarda los cambios.

Elige donde quieres introducir el gadget moviéndolo por la pantalla de diseño, y haz clic en Vista Previa para visualizar cómo quedará.

Si usas Wordpress.com , accede al Dashboard y haz clic en Apariencia, situada en la barra lateral izquierda. En el desplegable, haz clic en Widgets.

La caja que andas buscando se llama Facebook Like Box. Es tan sencillo como arrastrar el widget hasta la barra lateral de la derecha, rellenar las opciones que te solicita y Guardar los cambios.

¿Y mis actualizaciones en Twitter?

Otra red social de gran importancia, y que se complementa muy bien con un blog, es Twitter. Desde Twitter puedes publicar y enlazar artículos de tu blog. Si es bueno, seguro que corre cómo la pólvora gracias a los retuits de tus seguidores.

Alguien que llega a tu blog por casualidad, tal vez quiera estar atento a tus actualizaciones. Una buena forma es siguiendo la cuenta de Twitter del blog, y qué mejor que facilitarle la tarea con un botón en la barra lateral. Puedes modificarlo para que muestre tus últimos tuits, algo también muy interesante si usas Twitter para noticias rápidas, curiosidades y menciones a otros autores de interés.

Añadir la cronología de tu Twitter es muy fácil, tanto con Wordpress como con Blogger. En Wordpress, sitúate de nuevo en la página Widgets . Arrastra el widget de Twitter a la barra lateral, modifica los parámetros y haz clic en Guardar.

En Blogger, selecciona Añadir un gadget en el apartado de Diseño, y en el desplegable, accede a Más gadgets y finalmente Twitter Updates. Rellena los campos necesarios y guarda los cambios.

Indica si quieres que aparezcan retuits y menciones, elige un título, ¡y ya está! Quedará más o menos así:

¿Integras tus redes sociales en tu blog? ¿Qué otros widgets sociales añadirías?

Comentarios

  • mauro |
    07/09/11
    mauro

    Hola gente...interesante el articulo, pero saben como se agrega la caja para los grupos de facebook en blogger ??, x que probe con el enlace pero como es solo para paginas no pasa nada. Y otra que me quedo tb, vi en algunas paginas que tiene el cuadro de las actualizaciones en tiempo real de twitter de distintos usuarios. Saben como es el codigo para eso...gracias

  • Sem.Pons |
    08/09/11
    Sem.Pons

    ¡Hola mauro! Por el momento, desconocemos si existe una versión del Like Box para grupos de Facebook. Sí hay, por ejemplo, etiquetas de un perfil de usuario, que puedes conseguir desde Perfil > "Agrega una insignia en tu sitio".

    En referencia a lo del cuadro de actualizaciones de Twitter, ¿puedes concretar un poco más? A ver si te podemos ayudar.

    ¡Gracias!

  • mauro |
    08/09/11
    mauro

    Ok..gracias. Con respecto a lo de twitter te paso el link acortado de la web en donde vi lo que te pregunte, lo paso acortado para no hacer publicidad. esta muy interesante aunque como no lo vi en otras web no creo que sea algo fácil de hacer, pero igual gracias de todas formas x q me sirvió lo del articulo.

    http://bit.ly/XsUuN

  • Sem.Pons |
    08/09/11
    Sem.Pons

    mauro, el Widget que has encontrado es muy interesante. Se trata de un widget oficial de Twitter, pero con actualizaciones de una lista, en vez de un único usuario.

    Puedes crear y configurar tu propio widget de listas en: https://twitter.com/about/resources/widgets/widget_list

    Finalmente, termina y copia el código, y puedes pegarlo en una caja de código HTML de tu blog.

    Esperemos que te sea de ayuda, ¡Gracias!

  • brayan |
    10/09/11
    brayan

    que me chupe un huevo

  • mauro |
    13/09/11
    mauro

    MUchas gracias...la verdad que funciono de diez, gracias x que la verdad que lo busque y no sabia como lo hacían.

  • carlos sergio |
    13/09/11
    carlos sergio

    Es muy interesante y buena la aplicación. Yo trabajo desde mi casa, todo el día pegado al PC y siempre me ha intrigado saber por qué no se puede integrar todas las aplicaciones en un solo sitio? Esta sugerencia también sirve para sites de google? Gracias

  • carlos sergio |
    13/09/11
    carlos sergio

    Amigo, Sem.Pons. Te molesto con una pregunta. IE8 dejó de funcionar. No abre. Hice la restauración sugerida por Microsoft, después lo desinstalé, lo descargue de la página oficial de microsoft y lo instales. Resultado: NADA, sigue sin abrir; puede hacerme alguna sugerencia? Se lo agradecería mucho.

  • Bonadeo007 |
    19/09/11
    Bonadeo007

    Que os tienes??? en xp windows update los instala, si tienes este prueba de esa manera.

  • miki |
    19/09/11
    miki

    @ brayan: Muerete

  • Rocio |
    28/03/12
    Rocio

    ¿cómo cambio el fondo de la caja de fb, en light me aparece transparente y en dark no la quiero, la necesito en negro, gracias.

  • Diseño Web Tarragona |
    06/05/12
    Diseño Web Tarragona

    Hoy en dia la redes sociales son muy utiles para estar al dia con tus amigos, familia, colegas, clientes, es por ello que vuestro blog resulta tan practico y util. Os felicito por el blog y por la explicación tan clara y facil de seguir.

    <a href="http://www.granota.net" alt="Diseño Web Tarragona" title="Diseño Web Tarragona"/>Diseño Web Tarragona</a>

  • Diseño Web Tarragona |
    11/06/12
    Diseño Web Tarragona

    Muy completo la explicación para las redes sociales. No sé si en este post o en otro post de vuestro bloq, pero creo que seria muy interesante además de estas conexiones a las redes sociales poder compartir el post tambien en webs como "meneame", "digg", "stumbleupon". Nosotros lo estamos haciendo con nuestro blog y vemos que mucha gente se subscrive gracias a estas webs.

  • pepe |
    02/07/12
    pepe

    yo tengo un problema y esq no se el codigo de algun relog animado,y respecto al codigo, ¿hay que ponerlo en html?

  • Wbox |
    10/07/12
    Wbox

    Como puedo agregar una caja de comentarios! a mi blog en gadget y que si comenten eso valla a mi facebook

  • paola |
    26/07/12
    paola

    hola, yo hago todos los pasos pero en cuanto le doy a ver blog, me sale el widget en blanco. que tengo que hacer??

  • Cuida |
    04/09/12
    Cuida

    a mi me pasa lo mismo que a paola! por favor si pudieran ayudarme!

  • DianaGeo |
    25/11/12
    DianaGeo

    Hola Pepe!! Pues yo sé cómo va. Busca en google páginas donde vengan relojes para Blogger, entonces elige tu favorito y debajo suelen poner el código, lo copias y te vas a Blogger ya iniciada la sesión claro XD y te vas a diseño. En diseño dale añadir un gadget, buscas los gadgets y seleccionas el k pone html/javascript le das añadir y entonces pulsas ese gadget y ahí copias el código. Luego guardar disposición y ver blog y listo!! Te recomiendo k el reloj lo pongas en un lado y no en el centro ni en la cabecera.

  • lucia |
    26/01/13
    lucia

    Por más que lo intento no me aparece, copio el coido lo pego y cuando voy a ver el blog no está...no sé que hacer...

  • Ana |
    11/02/13
    Ana

    A mí me pasa lo mismo, no me funciona por mas veces que lo intento hacer siguiendo todos los pasos

  • alejandro |
    15/05/13
    alejandro

    a mi si me funciono gracias pasen por mi blog http://imagenes-universal.blogspot.com/

  • DonC |
    21/07/13
    DonC

    y como le agrego comentarios tanto de facebook como de twitter

  • Ricardo |
    27/07/13
    Ricardo

    a mi no me aparece el código!! que pasa?

  • Fernando |
    04/08/13
    Fernando

    ¿alguien ha conseguido saber por qué a veces no aparece el widget de facebook?

  • jUAN |
    05/10/13
    jUAN

    Hago todo el proceso pero cuando voy a mirar en el blog no me aparece nada, es como si Facebook no permitiera que utilizaran sus pixels, tags códigos, etc. Alguien me puede ayudar??

  • giorgio |
    10/10/13
    giorgio

    jejejejejeje... chebre

22/10/14
Tu imagen de usuario