26 septiembre, 2017

Insertando Gadgets en nuestro Blog

Los Gadgets son artilugios o módulos que se añaden a una web para realizar algo concreto o mostrar algo especial. Como herramientas nos pueden ser muy útiles.


Hay muchísimos y su número va creciendo día a día. Conviene probarlos previamente porque puede que no se adapten a lo que queremos. La mayoría suelen contar con distintas opciones para configurar el tamaño, color, fuente, opciones de presentación..


Puedes insertar los gadgets que quieras en tu blog, pero sin pasarte, puesto que eso influirá en el tiempo de carga de la página. Los que te recomiendo que uses ahora mismo son:

GADGET: Etiquetas

Ahora Mismo estás empezando a crear el blog y tendrás muy pocas entradas, pero imagínate que cuando escribes, dentro de la temática de tu blog quieres diferenciar distintas secciones: por ejemplo, un blog de rutas por la montaña, unas pueden ser a pie, otras en bicicleta, otras simplemente en coche...... La forma de diferenciarlas, sería añadiendo distintas etiquetas a cada una de las rutas. Y esto para qué sirve??? Pues para facilitar la búsqueda (entre otros) a los usuarios de vuestro blog, puesto que habrá unos que están sólo interesados en las rutas con bicicleta, u otros que les guste más el senderismo.... es una manera fácil de hacer un filtrado. Y los usuarios de blogs o webs lo tienen en cuenta.






GADGET: Archivo del blog

Este es otro Gadget interesante porque nos permite tener nuestras publicaciones ordenadas por meses y por años.

GADGET: Entradas populares

Nos muestra una lista de nuestras publicaciones que más visitas han recibido a lo largo del tiempo

GADGET: Estadísticas

Donde podemos configurar para que se muestre el número de páginas que han sido visitadas en nuestro blog, es decir, la audiencia. Aunque este es un dato que podemos ver con más detalle si entramos en el apartado "Estadísticas" dentro del menú principal....


GADGET: FACEBOOK


Otro Gadget interesante es el de Facebook, para añadirlo es un pelín más complejo que para los gadgets anteriores. A continuación explico como se hace:

Lo primero de todo es tener creada una página de Facebook, para ello deberás tener una cuenta personal de facebook y a partir de ella, crear tu página.

 Si no eres usuario de esta red social, te recomiendo que te hagas, porque si bien no te interesa compartir fotos, ni escribir en tu muro, facebook se ha convertido en un portal para dar publicidad de forma gratuita a tu negocio, web, etc, consultar noticias, buscar empleo, etc. No es meramente una red social de "cotilleo" como todavía pueden pensar algunas personas.

Una vez que nos hemos dado de alta o logueado, nos vamos a la parte superior derecha, y clickeamos en una pestaña que es como una flecha mirando hacia abajo donde nos aparecerá el menú de configuración de facebook, y don de la primera opción es la de crear una nueva página:





Lo primero es seleccionar el tipo de página del que se trata, para ello, deberemos de tener claro la finalidad de esta, en el caso concreto de hacer publicidad a nuestro blog, os aconsejo que seleccionemos: Causa o comunidad, aunque si bien estás pensando enfocar el blog a tu negocio, podrías seleccionar: Empresa....

Nos pide que pongamos el nombre de la comunidad, en este caso, ponemos el mismo que le pusimos a nuestro blog (el largo), y le damos al botón: Empezar


Lo más importante ahora mismo, son añadir una foto de portada (que os recomiendo uséis la misma que la cabecera de nuestro blog) y una foto de perfil, que deberá de ser algo que defina a nuestro blog:

En Gimp, podemos hacer una tentativa de logo, o podemos visitar páginas como freeelogoservices.com (que de gratis la verdad es que tienen poco, porque siempre a la hora de guardar nuestro diseño nos piden que paguemos)

Después de esto, y no menos importante, lo que vamos a hacer es cambiar el nombre o la dirección que facebook le asigna por defecto a nuestra página, que si te dás cuenta, contiene una gran cantidad de números imposibles de recordar:


Para ello, en el menú de la izquierda, donde aparece el nombre que le hemos dado a nuestra página, vamos a seleccionar el apartado Información,


Y dentro de este apartado pulsamos sobre "Crear nombre de usuario de la página"




Para comprobarlo:




Una vez configurada la página de facebook, nos vamos a:


Y donde pone URL de la página de Facebook, copiamos y pegamos nuestra dirección personalizada que hemos obtenido en el paso anterior:

Pulsamos el botón "Obtener código", y seleccionamos IFrame:

Copiamos todo ese código seleccionandolo, botón derecho del ratón y copiar, y nos vamos a nuestro blog a Diseño y añadimos un Gadget, donde queremos que aparezcan nuestros "Megusta" de facebook..... El gadget en cuestión es el de: HTML/JavaScript (como siempre, le damos al +) y en la ventana que nos sale pegamos el código que previamente hemos copiado.


Le damos a guardar, y comprobamos el resultado dándole a Ver Blog.


Como puedes ver, el resultado no es el esperado, puesto que se sale del ancho del blog. Lo que podemos hacer es aumentar el ancho de la columna derecha, por ejemplo a 300 y si con eso no es suficiente, editar el Gadget recién creado, y donde pone "width", cambiar el valor (que por defecto es de 340 a 240, y con eso obtendríamos un resultado perfecto:
















2 comentarios:

  1. Muy buenas Juan Antonio, soy José Antonio curso blogger en Maracena, he conseguido hacer lo del facebook, me sale esto como nombre,
    Mtbrutillablogspotcomes, me gustaría quitarle el final "comes" como se podría hacer, si te metes en mi blog lo veras, un saludo

    ResponderEliminar
  2. Hola José Antonio, me alegra que me escribáis por aquí, eso es síntoma de que os está gustando el curso y le estáis dedicando tiempo.... ya he actualizado el post y he puesto en él como se hace.... Es muy raro que te aparezca eso de "comes"....
    Cualquier otra duda no dudes en preguntarla por aquí.... Un saludo y hasta el martes!!!!

    ResponderEliminar

Libro de Visitas

Nombre:
Direccion E-mail:
¿Como llegaste hasta esta pagina?
Tus comentarios:

Calendario

Verde == 2ºA,  Gris == 2ºB, Naranja == 2ºC,  Rojo == 3ºC,  Violeta == 3ºF, Azul == 4º