Mostrando entradas con la etiqueta Tutoriales. Mostrar todas las entradas
Mostrando entradas con la etiqueta Tutoriales. Mostrar todas las entradas

Tutorial: ¿Cómo usar Font Awesome en Blogger?

Lenis Querales Blanco
usar-font-awesome-blog-blogger


Probablemente haz visto una gran cantidad de blogs que incluyen al lado de cada elemento del menú un icono. O tal vez has visto que colocan los botones para seguimiento en redes sociales. 

Puede que te preguntes ¿Cómo lo hacen? Hoy día las mayorías de las plantillas para Wordpress y Blogger incluyen una fuente de iconos llamada Font Awesome.

Shutterstock.com INT


Pero ¿qué pasa si la tuya no la incluye o si no sabes incluir los iconos? Este tutorial te lo explica. 


Te puede interesar:
Tutorial: Cómo configurar un dominio .com.ve en Blogger
Los 15 mejores bancos de imágenes de la web
Los errores que cometí en el primer año del blog y que debes evitar


¿Qué es Font Awesome?


Font Awesome es una fuente compuesta por iconos vectoriales escalables que se pueden personalizar al instante aplicando reglas CSS: tamaño, color, sombra paralela y otras modificaciones.

¿Por qué usar Font Awesome?


  • En un solo paquete incluye unos  675 iconos de diversos temas y continuamente se están incluyendo nuevos. 
  • Completamente libre para uso comercial, proyectos de código abierto y casi cualquier cosa que desees.
  • No requiere JavaScript
  • Al ser gráficos vectoriales escalables los iconos se ven bien sin importar el tamaño. Nunca se distorsionan.
  • Los iconos se ven perfectos en pantallas de alta resolución.

¿Cómo usar Font Awesome en Blogger?


Incluir los iconos de font awesome en un blog de blogger es muy sencillo y no tiene nada de complejidad. Aquí veremos el método más sencillo de hacerlo. 


1. Vamos a nuestro escritorio de Blogger, específicamente a la sección Temas y elegimos Editar HTML.
2. Una vez veamos nuestro código debemos buscar (usa ctrl+f) la etiqueta </head>  y antes de esta línea  copiamos lo siguiente:



En este caso, 4.7.0 se refiere a la versión de la fuente. Si quieres saber cual es la más reciente ve a la página oficial. 


Ya hemos agregado font awesome a nuestro blog. Ahora comencemos a usarlo. Veamos dos de los usos más comunes que se dan a los iconos en un blog.


Incluir iconos de las redes sociales


Supongamos que quieres incluir los iconos de las redes sociales para facilitar que tus usuarios te encuentren y te sigan.

Quizás deseas algo parecido a la imagen:



Para hacerlo, lo primero que debes hacer es ubicar el código de las redes (todos están en Brands icons), en font-awesome al hacer clic sobre el icono nos aparece el código que debemos copiar.

Tomemos como ejemplo el icono de Twitter



Una vez tengas todos los códigos debemos añadir los iconos a nuestro blog, supongamos que queremos que aparezcan en la sidebar. Vamos a Diseño, agregar un nuevo gadget (donde queramos que aparezca)

Ahora copiamos el siguiente código:



Como resultado veremos los iconos que dirigen a nuestros perfiles en la posición que elegimos, pero los veremos de esta manera (un poco pequeños):



Para mejorar su apariencia recurrimos a CSS, en Tema -> Personalizar-> Avanzado, copiamos el siguiente código



El resultado:



Recuerda colocar el color y tamaño que quieras, y si tienes un poco de conocimiento en CSS puedes personalizar a tu gusto los iconos.


Colocar iconos en nuestro menú

Colocar los iconos en el menú es mucho más sencillo todavía, solo debemos buscar el código del icono que deseemos. 

Una vez que lo tengamos, vamos a Tema -> Editar HTML, buscamos el código del menú  y en la línea de cada elemento del mismo agregamos <i class='URL-DEL-ICONO'/>

En mi caso sería 


Ya hemos aprendido a incluir Font Awesome en nuestro blog si nuestra plantilla no la trae, como ves en un método muy sencillo y rápido que no requiere tener muchos conocimientos de HTML y CSS. 

¿Qué te ha parecido el tutorial? ¿Ya usas Font Awesome en tu blog?


Tutorial: Cómo configurar un dominio .com.ve en blogger

Lenis Querales Blanco
configurar domino .com.ve en blogger


Entre las cosas que podemos y debemos hacer desde el principio para mejorar nuestro blog y darle un toque más profesional se encuentra el usar un dominio personalizado, que nos permita dejar de lucir el .blogspot (o Wordpress) en nuestra dirección.

Aprende aquí lo que todo blogger debe saber y hacer desde el principio


Lo cierto es que después de varios meses con el blog, por fin me decidí a cambiarle el dominio, comencé a buscar alternativas y me decidí por adquirir un dominio .com.ve, el proceso de adquisición es lo más sencillo y rápido de este mundo (dependiendo del tipo de pago que selecciones) pero el proceso de configuración puede volverse un dolor de cabeza, por lo menos para mi lo fue, pero después de intentar durante 2 días lo logré. ¿Cómo?

En este breve tutorial te lo explico.

Cómo configurar un dominio .com.ve en Blogger paso a paso


¿Qué necesitamos?


1. Tener un blog en blogger (obvio)
2. Comprar un dominio a CONATEL (Comisión Nacional de Telecomunicaciones de Venezuela) y configurar los DNS
3. Crear una cuenta en CDMON y editar los registros A y los CNAME

1. Tener un blog en blogger

Se supone que ya lo tienes, así que me salto este paso

2. Comprar un dominio a CONATEL y configurar los DNS



Registrate como nuevo usuario, para ello debes ir a la opción Registrese y llenar todos los campos con la información solicitada, una vez lo hagas recibirás un correo para confirmar tu cuenta.

Registro NIC

Ahora podrás iniciar sesión con tus datos, al hacerlo encontrarás un menú en la parte derecha de la pantalla, en él seleccionas la opción Registro.

Solicitar dominio NIC

En la nueva pantalla ingresa el nombre de dominio a comprar y selecciona la extensión (.com.ve, .net,ve, ,org.ve, .info.ve, .co.ve, .web,ve) luego haz clic en buscar y el sistema te dirá si está disponible o no.

dominio .com.ve


En la lista selecciona el que será tu dominio y haz clic en Registrar.

Disponibilidad de dominio

Después de hacer todos los pasos relacionados con el registro debes Pagar por tu dominio. Para ello selecciona en el menú lateral la opción Pagos, selecciona el dominio a pagar y haz clic en Continuar.
Más adelante selecciona la forma de pago: depósito bancario (lo que equivale a hacer cola), transferencia electrónica o tarjeta de crédito (cero colas y aprobación en pocos minutos). Si tu pago es aceptado ¡ya tienes tu dominio!


Ahora puedes configurar tu dominio en NIC

Selecciona en el menú la opción MisDominios, al hacerlo verás tu(s) dominio(s) activo(s) selecciona el que quieras editar.



Al entrar en él busca la opción Configurar DNS

Configurar DNS

y agrega los siguientes (en cada host del 1 al 3)
ns1.cdmon.net
ns2.cdmon.net
ns3.cdmon.net

Agrega uno por uno, cada vez que lo hagas recibirás un correo de confirmación que te llevará a un código de seguridad que debes ingresar en cada caso. 


Si agregaste los 3 DNS, ya terminaste con NIC (hasta dentro de un año que debes renovar tu dominio)

3. Crear una cuenta en CDMON y editar los registros A y los CNAME

CDMON es un servicio que nos permite adquirir y configurar dominios; algunas de sus funciones son gratis (esa es la que usaremos).

Entra a la página, crea tu cuenta e ingresa a tu panel de control, selecciona la opción DNS gratis, y luego DNS estático, y en esa pantalla selecciona Añadir dominio.

Añadir dominio en CDMON

Después de leer y aceptar las condiciones del servicio ingresa el nombre de tu dominio (el que creaste en NIC).

Añadir nuevo dominio


Nos vamos por un momento de CDMON y abrimos Blogger (en otra pestaña) entramos a las opciones de configuración de nuestro blog y en Lo Básico, en la sección Publicación haz clic en Configurar una URL de terceros para tu blog, escribe tu dominio comenzando con www y haz clic en guardar.

Añadir dominio personalizado blogger


Oh oh tienes un error ¿cierto? No pasa nada todos lo tenemos. Nota que en el error se incluyen 2 CNAME, el primero es estándar y el segundo varía para cada blog (ya usaremos estos CNAME, no cierres la ventana).

Error 12


Volvamos a CDMON y en el panel de gestión de nuestro dominio seleccionamos Gestionar DNS

Gestionar DNS CDMON

ahora ingresamos lo siguiente:


Registros A
Registros A CDMON



Una vez hayas ingresado las 4 IP borra las líneas con los parámetros www (si lo deseas) para que te quede así:

Registros A


Registros CNAME
Registros CNAME

Debería quedarte así:

Registros CNAME CDMON

Con este paso habrás terminado con CDMON pero cada 90 días debes reactivar tu cuenta.

Ahora hay que  esperar a que los cambios se realicen, esto podría ser en minutos o en unas 48 horas, si pasa este lapso de tiempo verifica lo que has hecho pues es probable que tengas un error. Ahora volvamos a la pestaña del error de Blogger e intenta guardar los cambios de nuevo, si todo va bien podrás acceder a tu blog con tu dominio .com.ve.

Si ya tienes tu dominio vuelve a Configuración de tu blog -> Lo básico, debajo del nombre de tu dominio, marca la casilla que redirecciona tu dominio sin "www." al inicio a la que si lo tiene.

Hasta acá el tutorial, en realidad no es tan difícil como parece, la clave está en seguir los pasos y especialmente en tener paciencia (no todo se resuelve en un minuto).

Canales de YouTube para aprender cuando quieras

Lenis Querales Blanco
Canales youtrube aprender cuando quieras



¿Qué NO se puede aprender por internet? Si hubiese planteado esta pregunta unos 15 años atrás puede que las respuestas fueran muchas pero la realidad es que en este tiempo es posible aprender todo o casi todo por internet, especialmente en los videos de YouTube

Cocina, decoración, dibujo, reparaciones de cualquier aparato, matemática, programación, idiomas, a tocar instrumentos musicales, física, química, historia, biología, informática y una larga lista de temas son explicados a través de tutoriales o cursos que han sido subidos desde todas partes del mundo. Muchos de estos videos se agrupan en canales creados por plataformas, organizaciones educativas o por expertos en un determinado tema. 


En este post Canales de YouTube para aprender cuando quieras, te presento 13 canales en español sobre matemática, programación y otros que no es posible clasificarlos porque tratan temas variados. Empecemos:


Te podría interesar:
10 canales de YouTube para estar al día con el Marketing Digital
65 cuentas de Twitter sobre #TIC y #Educación que debes seguir 


Canales de YouTube para aprender cuando quieras

 

Matemáticas


julioprofe

Si hacemos una encuesta (no la he hecho) la mayoría de los estudiantes de matemática han visto por lo menos una vez alguno de los más de 850 videos que el ingeniero Julio Ríos Gallego ha subido desde el 2009 a su canal, el cual tiene más de 1 millón de suscriptores y más de 200 millones de visitas. Sin duda el colombiano Julioprofe ha ayudado a más de uno a aprobar matemática y física.

Miguemáticas


El canal del profesor español Miguel Ángel Miguel Zarralanga cuenta con más de 320 videos para aprender maemáticas en cualquier momento y lugar. En el canal hay explicaciones sobre Sistemas de Ecuaciones Lineales, Geometría, operaciones con fracciones, sucesiones, polinomios y más. Los videos ya tienen más de 2 millones de reproducciones.


profesor10demates

En el canal encontrarás más de 2.900 vídeos con ejercicios resueltos de Matemáticas, Física y Química de enseñanza secundaria obligatoria, bachillerato y universidad. El canal ya alcanzó la cifra de más de 160.000 suscriptores. 


MateMovil

En este canal peruano hay unos 360 videos de matemática, física, estadística y otros temas, explicados de forma sencilla, ah y los viernes suben “trucos” que posiblemente no conocías. 


Lasmatematicas.es


Este canal tiene más de 4.000 videos en español sobre matemática (obvio) de secundaria y universidad. Sus videos han sido vistos unas 55 millones de veces. 

Programación



codigofacilito

Bajo la premisa “Aprende a programar desde tu casa” el canal de Código Facilito nos ofrece más de 1.900 videotutoriales sobre Java, VB.NET, JavaScript, jQuery, C++, PHP, CodeIgniter HTML5, CSS, Xcode, Ruby, Rails, Python, Xcode y Arudino. 


codejobs


Si bien su cantidad de videos es por ahora reducida (unos 170), en el canal cuyo lema es "Comparte el conocimiento", sus desarrolladores comparten con nosotros videos sobre JavaScript, Angular.js, diseño y desarrollo web, Node.js, PHP, y más. 


Jesús Conde

El canal tiene unas 19 millones de visualizaciones. Pone a nuestra disposición cursos completos de Angular.js, Android, Ionic, Wordpress, JavaScript y otros temas. 


ProgramarFacil


Sus poco más de 150 videos han sido visualizados unas 2 millones de veces. Ofrece tutoriales de C++, Python y Java. 

Temas varios 

Unicoos


Los videos de unicoos tratan sobre matemáticas, física, química y tecnología de secundaria, bachillerato y universidad. Sus más de 700 videos han sido vistos más de 120 millones de veces, algo buenos deben ser ¿no crees?


Tareasplus

Tareasplus es otro de los canales para aprender casi de todo (Matemática, Ciencias, Programación, Negocios, Finanzas e Idiomas, a través de tutoriales, cursos y ejercicios resueltos. TareasPlus tiene más de 400.000 suscriptores y unas 17 millones de visualizaciones de sus videos. 


Educatina

Más de 700.000 suscriptores aprenden ciencias básicas, ciencias sociales, lengua, idiomas, economía y finanzas, arte y hasta filosofía en este canal argentino que pone a nuestra disposición más de 5000 videos, los cuales han sido vistos unas 155 millones de veces. 


unprofesor

En este canal español que tiene más de 290.000 suscriptores encuentras aproximadamente 1.200 videos de matemática, lengua española, ciencias sociales, ciencias naturales, música, física, química y tecnología e informática. ¡Es casi una enciclopedia en video! 
 

¿Te han sido útiles alguno de estos canales u otros? ¿Cuál recomendarías? 


Cómo crear índices de tablas, figuras y gráficos en Word

Lenis Querales Blanco
Crear índice de imagenes, figuras y gráficos en Word

En una entrada anterior veíamos cómo crear un índice general de un documento en Word y en esta veremos cómo podemos hacer automáticamente índices de tablas, figuras y gráficos.



Procedimiento


En la pestaña “Referencias” (del menú principal), seleccionamos  la opción “Insertar Título” al hacerlo veremos la siguiente ventana
Ventana Rótulo

De manera predeterminada se presentan cuatro (4) rótulos: Ecuación, Figura, Ilustración y Tabla. Para ingresar un nuevo rótulo, vamos a la opción “Nuevo Rótulo”.

Una vez seleccionamos el rotulo y acepctamos la selección, la primera imagen será enmuerada como el número 1 y cuando vayamos agregando más títulos a las imagenes el número será correlativo.

El siguiente paso es crear el índice, para ello en la pestaña "Referencias" seleccionamos "Insertar Tabla de Ilustraciones". En caso de que quieras el índice de otros de los rotulos vas a la opción etiqueta de titulo y seleccionas el rotulo que desees (tabla, graficos…)
Crear tabla de ilustraciones

Luego de insertar el índice si agregamos más figuras debemos actualizar la tabla, para ello hacemos click derecho en el índice con lo cual aparecerá una ventana , le damos Actualizar Campos y luego Actualizar toda la Tabla.

Este mismo procedimiento puedes seguirlo para enumerar graficos, tablas, pantallas, y crear los respectivos índices.


¿Cómo usar tabletas electrónicas como apoyo a la enseñanza? (Ebook Gratuito)

Lenis Querales Blanco


El ebook “Guía para el uso de tabletas electrónicas como apoyo a la enseñanza en zonas con recursos tecnológicos limitados” tiene como objetivo servir de guía u orientación para los docentes de cualquier nivel educativo, especialmente el universitario, en la incorporación de tabletas electrónicas como una herramienta para facilitar el proceso de enseñanza aprendizaje específicamente en aquellas zonas en las que los recursos tecnológicos son limitados o inexistentes. 



            La guía se divide en dos (2) partes: en la primera «Las tabletas en la educación» se explican aspectos generales sobre el aprendizaje móvil (mobile learning) y las tabletas electrónicas, además se describen las ventajas del uso de estos dispositivos móviles en la educación.

            En la segunda parte «Las tabletas electrónicas en zonas con recursos limitados» se analizan algunas razones que hacen factible la incorporación de dichas herramientas en comunidades donde las instituciones y estudiantes no poseen otros recursos, además se mencionan aspectos que es necesario considerar al incluir esta y otra tecnología en el aula, y por último se presentan sugerencias para el uso de las tabletas en temas específicos.



Cómo hacer un índice en Word

Lenis Querales Blanco

Pocas cosas quitan más tiempo que elaborar el índice de un documento si no sabe hacerse de manera automática. Hay quienes lo hacen insertando una tabla y tratando de que les quede perfectamente alineado (cosa que pocas veces ocurre), sin embargo, el mismo procesador de texto puede generarlo por nosotros ¿Cómo hacerlo? Veamos



1. Ten clara cual es la estructura del documento: títulos, subtitulos… ejemplo:

                     Capítulo I El problema

                         1.1.Planteamiento del problema

                         1.2.Objetivos

                            1.2.1. Objetivo general

                            1.2.2. Objetivos específicos

2. Aplica estilos: Desde el menú Inicio podemos acceder a la opción Estilos, y aplicamos el correspondiente a cada título, subtítulo, tema o subtema que queremos aparezca en el índice. 


3. Una vez hayamos aplicado los estilos generamos el Índice, para ello nos ubicamos en la página donde deba aparecer nuestro índice, ahora en el menú Referencias vamos a "Tabla de Contenidos". Escogemos el formato que deseemos y listo.





Si después de crear el índice modificas el documento, tienes que actualizar el índice, para hacerlo sitúate encima del propio índice en la parte superior. Verás la opción Actualizar tabla haz clic sobre ella y selecciona la opción correspondiente.
  

¿Cómo asignar números de página por secciones en Word?

Lenis Querales Blanco
Los estudiantes a los que tutorado en su trabajo especial de grado (TEG) me han planteado una serie de dudas sobre cómo editar el trabajo final en word, y sé que estas dudas no solo las tienen los estudiantes con los que trabajo sino muchas personas más, es por ello que he pensado en recopilar las respuestas a esas dudas en una serie de entradas que comienzo con esta.

Una de las dudas frecuentes es ¿cómo incluir en el mismo documento distintos tipos de numeración de página? Esta situación surge porque de acuerdo a lineamientos el TEG debe llevar unas páginas preliminares con numeración en romanos y el resto del trabajo en arábigos. Al no saber cuál es el procedimiento correcto para hacerlo en Word, generalmente el estudiante divide el trabajo en varios archivos, así:

Pero ¿Cómo numerar un mismo documento con distintos formatos de números?

 

La clave está en dividir el documento en secciones ¿Cómo hacerlo?


Debes ubicarte en la hoja después de la cual quieras crear una nueva sección: Ve al menú Diseño de página -> Saltos->Página siguiente 



Este procedimiento debes hacerlo cada vez que la numeración de tu documento deba cambiar de estilo.


¿Ya tengo las secciones definidas cómo agrego la numeración?



Te sitúas en la sección correspondiente y esta vez vas a Insertar-> Número de página seleccionas la ubicación del número en la hoja y el formato así como desde cual número debe comenzar. Con esto TODAS las páginas del documento serán numeradas consecutivamente.


Para eliminar el número en una sección, sitúate en la sección, vuelve a realizar el procedimiento anterior, y verás cómo desaparece el número. Por último, para que la primera página de la sección empiece en el número que desees sitúate en la sección, vuelve a hacer clic en: Insertar -> Números de página. Ahora haz clic en Formato del número de página, activa la casilla Iniciar en:, elije el número y Aceptar, y listo.

Cada sección puede tener cualquier número de páginas, y cada una su tipo de numeración, basta con elegirlo adecuadamente cuando se hace clic en:

Insertar-> Números de página -> Formato del número de página-> Formato de número.

Si necesitas una sección que no esté enumerada sencillamente creas la sección y no insertas número de página.

Ejemplo


Para la entrega de los TEG generalmente se sigue la siguiente numeración:

  • Portada sin número
  • Páginas preliminares: números romanos generalmente en el numero siguiente a la portada 
  • Primera página de la introducción sin numeración 
  • A partir de la segunda página de la introducción números arábigos desde el 2
En este caso podemos dividir el documento en secciones desde la portada hasta el final de las preliminares y a partir de la introducción.

En la primera sección insertamos la numeración, en formato seleccionamos números romanos, luego hacemos doble clic sobre el número y activas las Herramientas para encabezado y pie de página, ahora marcamos la opción primera página diferente, así se eliminará el número de la portada, ahora los números son visibles desde la segunda página, la primera de las preliminares.



Vamos ahora a la segunda sección la primera hoja de la introducción y realizamos el procedimiento anterior, solo que esta vez seleccionamos formato de números arábigos, marcamos iniciar en… 1, aceptar. Luego seguimos los pasos descritos en el paso anterior para que no aparezca el número en la primea página. Con este procedimiento la segunda hoja de la introducción estará enumerada con el 2 y ya tendremos dos tipos de numeración en nuestro documento.

Más de esta serie: