Como agregar la barra de recomendaciones de Facebook a Blogger


Como agregar la barra de recomendaciones de Facebook a Blogger
Como agregar la barra de recomendaciones de Facebook a Blogger

El día de hoy voy compartir recomnendations bar de Facebook, que traducido al español significa barra de recomendaciones de Facebook. Con esta nueva innovación de Facebook, podemos tener más tráfico en nuestro blog, ustedes se preguntara como! pues cada vez que alguien le da me gusta de Facebook en cualquier artículo de su blog, este inmediatamente pasa por la App de Facebook y lo convierte en artículos recomendados, los cuales aparecen en su página web como una pantalla emergente. Con esto usted puede incrementar todos los días más tráfico en su blog. Yo lo publique en mi blog y de verdad que te genera más y más tráfico. La instalación de la barra de recomendaciones de Facebook es muy fácil, lo único que necesita hacer usted es estar atento a mi tutorial, y vera que funciona.

Comunicado importante:

Lamentablemente este grandioso truco de Facebook dejo de funcionar el 5 de noviembre del 2014. Los motivos solo Facebook lo sabe.
Este tutorial queda sin funcionamiento

barra de recomendaciones de facebook dejo de funcionar

Vamos a trabajar

1.- Abra la pagina de usuario de Facebook

Actualización

1 Da un clic en el siguiente enlace


2 Una vez que se haya abierto la ventana de Facebook te mostrara una nueva ventana como la siguiente

Como agregar la barra de recomendaciones de Facebook a Blogger

3 Debes dar un clic donde dice Register now

Become a Facebook Developer to start creating apps. Register now.

4 Al dar un clic te mostrara una venta como la siguiente imagen

Como agregar la barra de recomendaciones de Facebook a Blogger

5 Luego en la parte de abajo activa la casilla que dice

I accept the Facebook Platform Policy and the Política de privacidad de Facebook

Mire la imagen


Como agregar la barra de recomendaciones de Facebook a Blogger

6 Ahora es momento de dar un clic en “Continuar” mire la imagen


Como agregar la barra de recomendaciones de Facebook a Blogger

7 Luego de dar un clic en “Continuar” les mostrara una imagen como la siguiente y en la cual tendrán que insertar su número de teléfono, para poder recibir el código de verificación al dar un clic en “Continuar


Como agregar la barra de recomendaciones de Facebook a Blogger

8 Y te llegara un código de confirmación en tu teléfono celular e insértalo donde dice “Ingrese el código de confirmación” y das un clic donde dice “Confirmar


Como agregar la barra de recomendaciones de Facebook a Blogger

9 Al confirma el código te mostrara este mensaje y damos un clic en “Continuar”

Como agregar la barra de recomendaciones de Facebook a Blogger

10 Otra vez damos un clic en “Continuar”, mire la imagen


Como agregar la barra de recomendaciones de Facebook a Blogger

11 Y al finalizar te saldrá esta ventana, en el cual vamos a dar un clic en “Finalizar

Como agregar la barra de recomendaciones de Facebook a Blogger

12 Ahora vas a dar un clic en el siguiente enlace


13 En la cual te mostrara una venta como la siguiente imagen

Como agregar la barra de recomendaciones de Facebook a Blogger

14 En este punto debes dar un clic en “Crear una nueva aplicación


Como agregar la barra de recomendaciones de Facebook a Blogger

15 Te mostrara una nueva venta en la cual tienes que poner el nombre de tu blog, tal como lo tengo puesto yo en la imagen, y luego le das un clic en “Continuar

Como agregar la barra de recomendaciones de Facebook a Blogger

16 Luego te mostrara un cuadro de verificación el cual tienes que llenar el código de control de seguridad, mira la imagen, una vez que lo hayas llenado da un clic en “Continuar

Como agregar la barra de recomendaciones de Facebook a Blogger

17 Ahora te mostrara una nueva ventana como la siguiente

Como agregar la barra de recomendaciones de Facebook a Blogger

Ahora solo copia el código a partir de donde dice “App ID;” 256095977843225 y guárdalo en tu blog de notas o Word.

18.- Cuando ya hayas copiado el código en tu blog de notas o en Word, vuelve a la página de Facebook y con el mouse dirígete hacia abajo para ver si está bien configurado, en el cual debe aparecerte un cuadro como este o parecido:

Como agregar la barra de recomendaciones de Facebook a Blogger
 
Verifica que este tal como me aparece a mí en la pantalla de Facebook, si esta tal como se muestra en la foto, es porque está bien configurado.

Ahora vienen los pasos más sencillos que he podido conseguir para que lo configures en tu blog de blogger. 

19.- Ve a blogger abre “Plantilla
20.- Primero has una copia de seguridad de tu plantilla
21.- Luego da un clic donde dice “Editar HTML” 


Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

Como agregar la barra de recomendaciones de Facebook a Blogger

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

Como agregar la barra de recomendaciones de Facebook a Blogger

Busca este código:

<html


Y te mostrara un texto marcado de color verde así, mira la foto:

Como agregar la barra de recomendaciones de Facebook a Blogger
 
22.- Borra todo lo que está marcado de color verde y pega este código en la parte que borraste.

<html xmlns:fb='http://ogp.me/ns/fb#'


23.- Luego busca este código con el buscador que pusiste anteriormente para buscar el código anterior.

<body>


24.- Debajo del código <body> pega el siguiente código.

<div id='fb-root'/>
<script>
//Facebook Bar Recomendaciones by www.ayudadeblogger.com
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=***************";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>


Ahora, los asteriscos que están marcados de color amarillo cámbialo por el Id que copiaste anteriormente, por ejemplo este es mi Id 256095977843225 y el tuyo sería completamente diferente.

Mira la foto así es como te quedaría:

Como agregar la barra de recomendaciones de Facebook a Blogger
 
25.- Ahora da un clic en “Guardar plantilla

26.- Dirígete a diseño

Como agregar la barra de recomendaciones de Facebook a Blogger

27.- Abre “Añadir un Gadget

Como agregar la barra de recomendaciones de Facebook a Blogger
  
Al dar un clic en “Añadir un Gadget” se te va a desplegar una pantalla como esta:

Como agregar la barra de recomendaciones de Facebook a Blogger
 
Dale un clic donde dice “HTML/Javescript”, y se te va a desplegar otro cuadro como este:

Como agregar la barra de recomendaciones de Facebook a Blogger
 
Dentro de este cuadro vas a pegar el siguiente código realizando un solo cambio

<fb:recommendations-bar href="https://developers.facebook.com/docs/reference/plugins/recommendationsbar/" site="http://www.ayudadeblogger.com/"></fb:recommendations-bar>


Al copiar el código te va aparecer así como esta en la foto.

Como agregar la barra de recomendaciones de Facebook a Blogger
 
Ahora solo te resta cambiar donde dice  http://www.ayudadeblogger.com/ por la dirección URL de tu blog.

28.- Da un clic en "Guardar" y listo a disfrutar de tu nuevo widget de Facebook.

Espero haber sido tan explicativo posible.

Cualquier pregunta no dude en hacérmelo saber y de inmediato le responderé.

Saludos a todos los usuarios de la red Blogger.

Si quieres recibir mis tutoriales de calidad en tu bandeja de entrada, lo único que necesitas hacer es suscribirte es completamente gratis.




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: