En esta ocasión aprenderemos como añadir botones de me gusta y compartir de facebook en nuestro blog de blogger.
Me Gusta
Este botón ayudará a captar mas seguidores y no dejarlos ir después de que visiten tu blog, esta clase de botones tendrá este estilo
Para tener estos botones en tu blog seguiremos los siguientes pasos
1. iremos a las opciones de desarrollador en facebook dando click en este enlace
ya estando ahí podremos ver las características iniciales del botón las cuales podremos editar
2. Estando dentro de la edición del botón podremos cambiar ciertos parámetros para personalizar nuestro propio botón. La primera opción la "URL" es la dirección url de tu fan page, en el ejemplo genérico sale la pagina de plugins, debemos reemplazarla por nuestra fan page.
Width es el ancho de nuestra "caja de botones" vimos que tiene 2 botones "me gusta" y "compartir" ademas de un texto con las personas a quienes ya les gusta y en muchas ocasiones con fotos de los usuarios. Este ancho es el ancho de el bloque completo no solo de un botón, se recomienda mirar el bloque de diseño en blogger que se tiene definido para esta sección y calcular el ancho en px (pixeles)
3. En las demás opciones tenemos a) Diseño b) Tipo de acción c) tamaño
a) Diseño, podremos elegir entre diferentes formas de visualizar estos botones, se recomienda poner los horizontales en secciones de pie de pagina y los "box_count" en áreas laterales.
b) En el tipo de acción escogeremos si queremos Like (me gusta) o Recommend (Recomendar), en me gusta solo sumara un Like a la pagina, en recommend recomendaremos la página o articulo a nuestros contactos.
c) En tamaño simplemente elegimos el tamaño de los botones
4. A continuación clickeamos "obtener código" y nos mostrara una ventana como esta
Dos códigos que debemos copiar para que funcione nuestro botón, El primero debemos copiarlo e ir a la sección "plantilla" y después "editar HTML" de nuestro blogger, presionamos CTRL + F y escribimos <body>, justo después de esta etiqueta <body> pegamos nuestro código.
NOTA: Recomendamos encerrar el código copiado entre dos etiquetas comentadas para facilitar la futura búsqueda, es decir, escribir una etiqueta al inicio y una al final del código copiado de la siguiente manera
<!-- sdk boton facebook inicio-->
código copiado
<!-- sdk boton facebook fin-->
De esta manera podremos buscar la próxima vez CTRL + F y escribimos "boton facebook" y sabremos donde inicia y donde termina el código
5. Por ultimo copiamos el segundo código en la parte donde deseamos que salga el botón, se recomienda añadir un nuevo bloque para que salga en todas las paginas o entradas, ya que si se añade en una sola entrada se debe repetir este proceso cada vez que se publique un nuevo post.
Compartir
Este botón permitirá a los usuarios compartir noticias o articulos que tengamos en nuestro blog en el perfil de facebook, los pasos son muy similares
1. Daremos click en el siguiente enlace
2. Configuramos las opciones correspondientes acorde a nuestro blog
La url se debe reemplazar con la misma que escribimos anteriormente, el diseño se selecciona y se puede ver la vista previa y el tamaño se selecciona a preferencia
3. Copiamos los dos códigos de la misma manera que se explicó previamente, despues de <body> y el segundo código en donde queremos que el botón salga
NOTA: Facebook permite generar distintos botones, podemos verlos en la columna izquierda de los enlaces a donde nos hemos redireccionado, se puede observar así
Algo que agregar?.... Comenta...!!!
0 comentarios: