Lo sentimos mucho pero este blog se encuentra en remodelación en donde el Material Design denomina.

Widget de plugin de paginas de facebook

En esta ocasión les traigo un widget de plugin de paginas de facebook para esas personas que quieran agregarlo de manera mas rápido y sencillo sin tanto rodeos y con el sdk de facebook ya integrado.


Esta widget fue realizado por mi persona modificando el widget de Lista de texto de blogger y sin uso de javascript.


Instalación

Nos dirigimos directamente a Temas y luego edición html de la plantilla. Lo siguiente que tenemos que hacer es encontrar el section con el id (identificador) que corresponde con el sidebar. Para aprender a como buscarlo puedes ver el vídeo de instalación.


Luego de encontrar el section debemos agregar el siguiente código debajo de ello.


<b:widget id='TextList50' locked='false' title='Sigueme en facebook' type='TextList' version='1'>
<b:widget-settings>
<b:widget-setting name='shownum'/>
<b:widget-setting name='item-5'>false</b:widget-setting>
<b:widget-setting name='item-4'>true</b:widget-setting>
<b:widget-setting name='item-3'>300</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='item-2'>500</b:widget-setting>
<b:widget-setting name='item-1'>timeline, events</b:widget-setting>
<b:widget-setting name='item-0'>https://www.facebook.com/ByGianC/</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<!-- Widget Plagin page facebook | Autor ByGian - URI: http://bygian.com/ -->
<div class='widget-content'><div class='fb-page' data-adapt-container-width='true' data-hide-cover='false' expr:data-height='data:items[3]' expr:data-href='data:items[0]' expr:data-show-facepile='data:items[4]' expr:data-small-header='data:items[5]' expr:data-tabs='data:items[1]' expr:data-width='data:items[2]'/><b:include name='sdk'/></div>
</b:includable>
<b:includable id='sdk'>
<!-- SDK facebook v2.11 Spanish LA -->
<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_LA/sdk.js#xfbml=1&version=v2.11&appId=ID_Aplicación";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]></script>
</b:includable>
</b:widget>

Luego guardamos y listo, ya tenemos agregado nuestro widget de plugin de paginas de facebook. Ahora nos vamos a Diseño del panel de administración de blogger y veremos el widget el cual podremos mover de lugar, editar o quitar.


Configuración

El widget por defecto ya viene con una configuración predeterminada y con mi pagina de facebook, para cambiarlo vamos a diseño y le damos editar al widget donde podremos editar cada valor dentro de los elementos dentro de ella dependiendo de su función.



Primer elemento.- Este valor corresponde con la URL (enlace) de tu pagina de facebook.


Segundo elemento.- Este valor corresponde con las tablas nativas de facebook, por defecto ya viene con "timeline" el cual permite mostrar las publicaciones mas recientes de tu pagina de facebook. Si deseas desactivarlo entonces reemplaza "timeline" por "none".


También podemos reemplazar timeline por otros valores como events y messages o si lo deseas podemos agregar dos o todas las tablas separandola por comas (timeline, events, messages). Cada uno muestra una tabla diferente de las cuales cada uno son:


timeline Muestra una tabla de las publicaciones de tu pagina (biografia).
events Muestra una tabla de los eventos de tu pagina.
messages Muestra una tabla donde permite mandar mensajes a tu pagina (imbox).

Tercer elemento.- Este valor corresponde con el ancho del plugin, por defecto viene con 500 pixeles.


Cuarto elemento.- Este valor corresponde con el alto del plugin, por defecto viene con 300 pixeles.


Quinto elemento.- Este valor permite mostrar las fotos de perfil de las personas que les gusta la pagina de facebook, por defecto ya esta activado con el valor "true", si quieres desactivarlo entonces cámbialo por "false".


Sexto elemento.- Este valor permite mostrar la foto de portada mas pequeña, por defecto viene desactivado con "false", para activarlo simplemente reemplaza ese valor por "true".


Recomendación

Es importante que no cambiemos el orden, agreguemos o eliminemos algunos de los elementos ya que alteraría el funcionamiento que hay dentro de este widget de lista de texto de blogger para que funcione con el plugin de paginas de facebook.


Si tienes alguna pregunta o duda porfavor no dudes en escribir en los comentarios, responderé lo antes posible.

Comentarios