¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?


¿Agregar Pagina Social plugin de Facebook en mi página web? ¿Página Social plugin de Facebook instalar en mi blog? ¿Cómo agregar mi Fanpage de Fecebook Social plugin? La caja de seguidores de Facebook desaparecerá el 23 de junio del 2015, Facebook lo anuncio en su página, en vez de la caja de seguidores de Facebook podrán optar por una caja completa social de su Fanpage página de Facebook con seguidores y post. Ahora los que tienen el código de la caja de seguidores de Facebook ya no les funcionara a partir de la fecha anunciada. En vez de la caja de seguidores de Facebook podrán insertar un nuevo código en el cual se mostrara la Fanpage de su página de Facebook, también podrán mostrar una lista de seguidores de su página de Facebook, además los post que hayan compartido en su página de Facebook, todo depende que es lo que buscan insertar en su página web, blog, Blogger, Wordpress, Joomla, etc.

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?

El nuevo plugin Social de Facebook Pagina plugin lo podrán insertar donde ustedes quieran, puede ser dentro de un post “articulo”, en un widget, debajo de cada post, al inicio de cada post, en la página principal, etc.

¿Podre promover cualquier página de Facebook con este plugin página?

El Plugin página le permite fácilmente incrustar y promover cualquier página de Facebook en su sitio web. Al igual que en Facebook, los usuarios pueden recibir y compartir la página sin tener que salir de su sitio.

La inserción del código es muy fácil de instalarla, basta con copiar un simple código y listo.

Pueden ver su demostración en la siguiente página de demos a continuación

DEMO

¡Te gusto verdad!

Vamos a trabajar

1 Ir a Blogger

¿Cómo insertar el Plugin página de mi Fanpage de Facebook en un widget?

¿Cómo insertar el Plugin página de mi Fanpage de Facebook en un widget?

1 Da un clic en “Plantilla

Plantillas Blogger

2 Un clic en “Editar HTML

Plantillas Blogger

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

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de 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.

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?

Busca este código

<body>

Si no encuentran ese código pueden buscar este otro código

<body expr:class=

Ingresa el siguiente código justo abajo del código que encontraste

<div id='fb-root'/>
<script>
//<![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_ES/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>


page plugin Facebook

3 Ahora da un clic en “Guardar plantilla” y sigue las siguientes instrucciones:

- Tenemos que insertar un código en un widget

1 Un clic en “Diseño


2 Abre “Añadir un gadget


3 Busca el widget que dice “HTML/Javascript” ábrelo


4 Ingresa las siguientes líneas de código en su interior

<div class="fb-page" data-href="https://www.facebook.com/ayudadeblogger" data-width="298" data-height="248" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/ayudadeblogger"><a href="https://www.facebook.com/ayudadeblogger">Ayuda de Blogger</a></blockquote></div></div>


Realiza estos cambios:

Cambia las tres URLs que están marcadas de color azul https://www.facebook.com/ayudadeblogger por el nombre de tu Fanpage de Facebook

Cambia el título que está marcado de color rojo Ayuda de Blogger por el nombre de tu Fanpage de Facebook

Ahora da un clic en “Guardar” y ubica tu widget social donde tú quieras que se muestre

¿Cómo insertar el Plugin página de mi Fanpage de Facebook en una entrada “Post” “Articulo”?

¿Cómo insertar el Plugin página de mi Fanpage de Facebook en una entrada “Post” “Articulo”?

1 Da un clic en “Plantilla

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?

2 Un clic en “Editar HTML

Plantillas Blogger

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

Plantillas 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.

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?

Busca este código

<body>

Si no encuentran ese código pueden buscar este otro código

<body expr:class=

Ingresa el siguiente código justo abajo del código que encontraste

<div id='fb-root'/>
<script>
//<![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_ES/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>


page plugin Facebook

3 Ahora da un clic en “Guardar plantilla” y sigue las siguientes instrucciones:

- Tenemos que insertar un código en una Entrada

1 Un clic en una entrada


2 Activa la casilla en modo “HTML


3 Inserta el siguiente código justo al final del código de tu artículo

<div class="fb-page" data-href="https://www.facebook.com/ayudadeblogger" data-width="298" data-height="248" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/ayudadeblogger"><a href="https://www.facebook.com/ayudadeblogger">Ayuda de Blogger</a></blockquote></div></div>


Realiza estos cambios:

Cambia las tres URLs que están marcadas de color azul https://www.facebook.com/ayudadeblogger por el nombre de tu Fanpage de Facebook

Cambia el título que está marcado de color rojo Ayuda de Blogger por el nombre de tu Fanpage de Facebook

4 Ahora da un clic en “Actualizar” en la parte superior y listo mira tú artículo


¿Cómo insertar el Plugin página de mi Fanpage de Facebook en un widget incluido seguidores y post que publique en mi página de Fecebook?

¿Cómo insertar el Plugin página de mi Fanpage de Facebook en un widget incluido seguidores y post que publique en mi página de Fecebook?

1 Da un clic en “Plantilla

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?

2 Un clic en “Editar HTML

Plantillas Blogger

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

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de 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.

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?


Busca este código

<body>

Si no encuentran ese código pueden buscar este otro código

<body expr:class=

Ingresa el siguiente código justo abajo del código que encontraste

<div id='fb-root'/>
<script>
//<![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_ES/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>


page plugin Facebook

3 Ahora da un clic en “Guardar plantilla” y sigue las siguientes instrucciones:

- Tenemos que insertar un código en un widget

1 Un clic en “Diseño


2 Abre “Añadir un gadget


3 Busca el widget que dice “HTML/Javascript” ábrelo


4 Ingresa las siguientes líneas de código en su interior

<div class="fb-page" data-href="https://www.facebook.com/ayudadeblogger" data-width="298" data-height="248" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/ayudadeblogger"><a href="https://www.facebook.com/ayudadeblogger">Ayuda de Blogger</a></blockquote></div></div>


Realiza estos cambios:

Cambia las tres URLs que están marcadas de color azul https://www.facebook.com/ayudadeblogger por el nombre de tu Fanpage de Facebook

Cambia el título que está marcado de color rojo Ayuda de Blogger por el nombre de tu Fanpage de Facebook
Ahora da un clic en “Guardar” y ubica tu widget social donde tú quieras que se muestre

¿Cómo insertar el Plugin página de mi Fanpage de Facebook en una Entrada “Post” “Articulo” incluido seguidores y post que publique en mi página de Fecebook?

¿Cómo insertar el Plugin página de mi Fanpage de Facebook en una Entrada “Post” “Articulo” incluido seguidores y post que publique en mi página de Fecebook?

1 Da un clic en “Plantilla

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?

2 Un clic en “Editar HTML

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?

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

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de 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.

¿Cómo insertar el nuevo plugin Pagina Social de Facebook en mi blog de Blogger?

Busca este código

<body>

Si no encuentran ese código pueden buscar este otro código

<body expr:class=

Ingresa el siguiente código justo abajo del código que encontraste

<div id='fb-root'/>
<script>
//<![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_ES/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>


page plugin Facebook

3 Ahora da un clic en “Guardar plantilla” y sigue las siguientes instrucciones:

- Tenemos que insertar un código en una Entrada

1 Un clic en una entrada


2 Activa la casilla en modo “HTML


3 Inserta el siguiente código justo al final del código de tu artículo

<div class="fb-page" data-href="https://www.facebook.com/ayudadeblogger" data-width="298" data-height="248" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/ayudadeblogger"><a href="https://www.facebook.com/ayudadeblogger">Ayuda de Blogger</a></blockquote></div></div>


Realiza estos cambios:

Cambia las dos URLs que están marcadas de color azul https://www.facebook.com/ayudadeblogger por el nombre de tu Fanpage de Facebook

Cambia el título que está marcado de color rojo Ayuda de Blogger por el nombre de tu Fanpage de Facebook

4 Ahora da un clic en “Actualizar” en la parte superior y listo mira tú artículo


¿Cómo puedo ajustar el tamaño, anchura y altura?

Podrás ajustar su tamaño, tanto su achura y altura en el siguiente lugar

Width  “Anchura”
Height “Altura”

Cambia su anchura donde dice:

width="298"

Cambia su altura donde dice: 

height="248"

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: