Hace poco que la pagina de este blog funciona en Facebook, pero siempre me pregunte como personalizarla para que esta fuese mucho mejor, veía algunas otras paginas y pude constatar que estas contaban con una pestaña que daba la bienvenida de forma original.

Así que hoy les compartire la forma de hacerlo, antes que nada deben tener ya una pagina en Facebook, depende para que la soliciten es como deben elegir las opciones que se solicitan, por ejemplo yo elegí Marca o producto, después elegí Sitio web y di clic en Empezar, ustedes deben elegir las categorías y sub categorias que vayan de acorde a lo que quieren.

Una vez lista tu pagina o si ya la tenias con anterioridad vamos a la siguiente aplicacion Static XFBML damos clic en Permitir, después en Agregar Static XFBML: Multiple Tab Builder si así lo deseamos.

En nuestra pagina buscamos el enlace Editar información, por lo regular esta a lado de un pequeño lápiz en la parte superior justo bajo el titulo de la pagina de Facebook.

En el menú que se encuentra en la parte izquierda de nuestra pagina damos clic en Aplicaciones.

De lado derecho entre las aplicaciones que contamos buscamos la que acabamos de añadir, buscamos a Static XFBML: Multiple Tab Builder y damos clic en Editar configuración.

Cuando hacemos clic en Editar configuracion nos pedirá que asignemos un nombre a esa pestaña, podemos dejarla así por defecto pero es recomendable asignarle un nombre.

Regresamos a la pagina principal de nuestra pagina, buscamos el menú izquierdo otra vez, y ahí damos clic en la nueva pestaña que ahora tenemos con el nombre asignado con anterioridad.

Ahora ya podremos diseñar la bienvenida desde las nuevas herramientas que aparecen, agregamos un titulo a la nueva pestaña y agregamos el código HTML. CSS y/o XFBML que queramos. En esta parte queda en la creatividad y conocimiento de cada uno, podemos agregar imagenes de bienvenida, textos, widgets de Facebook, enlaces, lo que se nos ocurra en ese momento.

Podemos usar el lenguaje XFBML que es el lenguaje que fue diseñado para Facebook, debemos saber también que a pesar que el código CSS es aceptado en algunos exploradores es un poco diferente así que debemos poner atención en eso y berificar cambios de un explorador a otro.

También podemos agregar contenido que sea solo para los no fans, que se agregara en el recuadro de texto colocado bajo el primer recuadro, Tab text - Non Fan Content.

Al terminar de editar nuestra bienvenida guardamos los cambios y ya tendremos la pestaña que da la bienvenida a los visitantes. Para que esa misma pestaña sea la predeterminada para los no fans vamos a el dar clic en Editar información, que como habíamos dicho antes se encuentra en la parte superior bajo el titulo de nuestra pagina, en el menú Gestionar permisos buscamos Pestaña de inició predeterminada, elegimos el nombre de la pestaña con la que estamos trabajando y Guardamos.

Una vez hecho todo esto nuestra pestaña de Bienvenida para Facebook estará lista.

Hace poco me entero que Facebook ha implementando nuevos plugins sociales, los cuales se pueden agregar a cualquier sitio web y a los que podemos darles muchos usos en especifico, pero ahora nos enfocaremos a descubrir como agregar el botón Me gusta a cada una de las entradas de nuestro blog. esto nos dará una gran ventaja, cuando un lector le guste alguna publicacion este puede dar clic sobre el botón para compartir el contenido en su perfil de Facebook.

Funcionamiento mediante un código directo
El boton trabaja mediante un iframe al que se le pueden modificar algunos parámetros.

Los parámetros que podemos modificar son los siguientes:

href – La url de Tu blog. layout – Estilo del botón. Valores: standard, button_count o box_count show_faces – Muestra el avatar de quienes le dan clic a me gusta. Valores: true, false
width – El ancho del iframe medido en xp.
height – El largo del iframe medido en xp.
action – Texto que contendra el botón. Valores: like o recommend.
font – Fuente a utilizar.
colorscheme – Esquema de colores. Valores: light o dark.

Estos valores se pueden cambiar directo en el código o usar el formulario de personalización de Facebook, que en muchos casos si no eres hábil seria mejor utilizarlo.

Agregar un botón en cada una de las entradas de tu Blog en Blogger

Esto hará que haya un botón de me gusta en cada entrada de nuestro blog, sigamos la siguiente cadena, Home -  Diseño - Plantilla - Edición de HTML - Expandir plantilla de artilugios.

Vamos a colocar el código en la parte donde queramos que aparesca cada vez en una entrada nueva, por lo general este botón se coloca en la parte del pie de pagina de un post. aunque podemos colocarlo donde queramos, para colocarlo en la parte del pie  de cada entrada buscamos.

<div class="post-footer-line post-footer-line-1">

Justo debajo agregamos el siguiente código

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:25px'/>

El resultado podrán verlo en la parte inferior de cada entrada en este mismo blog.

Información detallada de este plugin y enlace oficial │ Like Button

Una de las mejores aplicaciones si no es que la mejor, llamada RSS Graffiti, con la cual podemos enviar toda clase de contenido,de nuestro blog a una pagina oficial de Facebook, a continuación podremos ver el funcionamiento y la forma de sacarle el máximo provecho a esta aplicacion.

[1] Como primer paso accedamos a la aplicacion desde este enlace , a continuación damos clic en Ir a la Aplicacion, con ello entraremos a la descripción y algunos detalles que nos ayudaran a conocer mas acerca de RSS Graffiti, para continuar clic en Click HERE to authorize RSS Graffiti, con esto nos mostrara la ventana de autoidentificacion para autorizar que la aplicacion  pueda acceder a nuestro perfil.

Ya que hayamos permitido a la aplicacion recopilar alguna información necesaria para continuar aparecerá otra ventana con algunos detalles, veamos lo mas importante acerca de ellos.

[a] Podremos ver que en esa parte esta el perfil o paginas donde queramos usar esta aplicacion. En la opción [b] tenemos que dar clic en Add Feed para después teclear la url del feed, al hacerlo nos llevara a otra parte donde debemos seguir rellenando algunos campos de gran importancia para poder continuar.

[2] Como habíamos dicho anteriormente rellenamos los campos de acuerdo a lo necesario.

BASICS

Feed URL.. Aquí debemos colocar la url del Feed de nuestro blog, en este caso para un Blog alojado en Blogger debería ser algo como esto tublog.blogspot.com/feeds/posts/default.

Source Name. Agregamos un nombre a nuestro Feed, esto ayuda a identificar el origen de los mensajes.

Source URL. Esto lo dejaremos en blanco, si ustedes son avanzados en este tema pueden configurarlo.

Style. Elegimos un formato de salida, el Recomendado seria la mejor opción en este caso.

FILTER

Cut-off date/time. La fecha desde que se comenzara a revisar los feeds, si tenemos un Blog con mas de un mes de actualizaciones podemos agregar esa fecha y así todas las entradas serán agregadas.

Eligibility Age. Especifique un intervalo de tiempo en cuestión de minutos. Sera el intervalo de tiempo en el que se publiquen nuevas entradas y el tiempo en que se publican en el muro del perfil o pagina.

TRANSFORM

Message. Podemos añadir un texto personalizado a cada publicacion o bien lo dejamos sin ningún tipo de texto. En mi caso lo dejare deshabilitado para que solo se enfoque en tener escrito lo necesario.

SCHEDULE

Update frequency. La frecuencia de actualizacion de una historia a otra.

Posts per cycle. El numero máximo de publicaciones en el muro.

Precedence. En caso de que el máximo de historias sean el maximo, elegimos lo que se debe hacer.

MORE

Publish on behalf of. El nombre del Administrador con los que serán firmadas las publicaciones.

Twitter Account. Cuenta de twitter por si a caso se pierde el feed y debemos recuperarlo.

Bit.ly Account. Con esto podemos acortar las direcciones url de cada entrada en el muro.

Eso es todo, clic en Save para que nos arrege un pequeño cuadro con algunos datos relevantes de lo que hemos creados, asi como opciones importantes como Edit y Delete.

Una vez que editemos a todo nuestro gusto salvamos lo hecho, como dato adicional debemos saber que podemos agregar mas feeds pero por cada uno tenemos que autorizar todo como el inicio.