Nitcx -Como crear y editar un Blog para todos los cursos- Principal 4to Año

                                                                NITCX

Los Alumnos de 4°B están viendo como se realiza una página incluyendo cualquier tipo de información actualmente en la misma propia, informándoles a los alumnos de otros cursos una ayuda hacia los temas que están realizando, incluyendo imágenes, videos y demás todo lo que les pueda ser útil para su materia.

Para los alumnos: Aquí les dejo información que les será de mucha ayuda acerca de cómo crear y editar un Blog 

Links

Como crear un Blog:  https://www.youtube.com/watch?v=EdA3Kp15RCA

Como editar un Blog:  https://www.youtube.com/watch?v=TSWARQBbeh4

Si eres de los que no que no les gusta ver un video o no pueden tendrán aquí la misma información paso a paso

Principalmente antes de querer crearte un Blog tienes que tener en cuenta estos simples pasos desde cero. 

Parte teórica

¿Por qué quieres tener un Blog?

¿Qué clase de información quieres subir en ella? 

Si te leen o no, y aunque así fuera: ¿para qué? ¿por qué? ¿y luego qué?

A lo que voy, es que está genial que quieras tener una presencia online, que sepas lo importante que es para tus objetivos profesionales o ya sea para alguna otra cosa como hablar sobre alguna experiencia propia o cualquier tema. Ese es el primer paso.

Segundo una vez que ya decidas y tengas en claro eso, aunque de todas formas cualquier persona es libre de subir la información que quiera vayamos a los siguientes pasos. 

Tercero: Crear nuestro Blog en Blogger  

Lo que tenemos que hacer es ir al principio es decir abrir la página www.blogger.com  donde les aparecerá algo como en la siguiente pantalla

Entonces ante esto pulsaran en COMENZAR
Durante esto se carga una pantalla donde vemos el primero de los 3 pasos para crear un Blog:

1. Crear una cuenta de Google
2. Asignar un nombre al Blog
3. Elegir una plantilla

Crear una cuenta de Google

Principalmente creo que todos sabran como crear y tener su propia cuenta de Google ya que no es algo que lleva tanto tiempo y dedicacion como un Blog se hace enseguida pero de todas formas si van a crearsela les aparecera algo como esto. Porque si no la tienen no pueden compartir nada de lo que publiquen despues de tener el Blog creado. 

Lo primero que pide Google como todos sabrán es una dirección de correo electrónico existente ya sea pueden poner el suyo propio o el de alguna otra persona que claramente sepan la información de todas formas esto se usara para recuperar contraseñas en el caso de que se la olviden o pierdan o verificar determinadas acciones. Rellenan todos los campos siendo los más importantes los de Contraseña/Clave que se necesita claramente para acceder y publicar.

Y el Nombre visible, es con el cual se firmaran sus entradas en el blog. Al terminar esto, y tener marcada la casilla "Acepto las Condiciones del Servicio" continuan con el siguiente paso. Si ya tienen cuenta de G-mail o estamos dados de alta en Google se pueden saltar el primer paso.  

Lo siguiente es Asignar un nombre al Blog 

Este paso es fácil ya que requiere solamente establecer el Titulo al Blog que ustedes quieran y la dirección del mismo. Puede ser cualquier frase o palabra que describa el contenido del Blog.

El (URL) dirección que es lo que los usuarios utilizaran para acceder a la información que vayas a subir en si el blog. Puedes utilizar cualquier frase como lo anterior pero mientras más sencillo sea mejor, ya que a uno le seria de mucha ayuda porque es algo fácil de recordar, se tiene que tener en cuenta los espacios, signos de puntuación algunos van a estar permitidos otros no.  Una vez que completen esa información continuaran por el último paso. 

Escoger una plantilla de inicio

Ya que es el último pasó escogen a su gusto como les gustaría que fuese y les aparecerá, da igual ya que luego pueden cambiarla y configurarla a su gusto.

Si se han fijado en la imagen sale un 2 cuando es el tercer paso pero da igual es algo sin importancia ya que los paso son asi y es un pequeño error. 

Una vez seleccionado eso pulsan en "Continuar" y "FELICIDADES" ya tienen su blog creado. 

Luego de esto si todo funciona correctamente ya pueden publicar su Primer POST.
en la pantalla tienen que aparecerles algo como lo siguiente.

Y luego de esto va a estar el titulo, otro titulo que se tiene que poner sobre el tema que quieran hablar y la Información del contenido

CONSEJO: Es importante que se tomen su tiempo y exploren todas y cada una de las opciones de Blogger que son muchas para tener su Blog altamente personalizado.

En finalización a este paso también luego podrán editarlo a su gusto y como ustedes quieran. 

Tutorial escrito para editar:

·        1. Para empezar con este práctico tutorial, tengo dos indicaciones por seguridad: 1. Entra a tu blog, en la pestaña diseño busca la opción “edición HTML” acto seguido vas al cuadro donde está escrita la plantilla en códigos HTML, y copias todo el texto en una hoja word o block de notas. Todo esto es con el fin de que si en la edición de tu plantilla cometes errores y no obtienes los resultados que buscas, tengas respaldada tu información previa. Para que así la puedas volver a poner y listo.

INTRODUCCIÓN

·        2. ¿Cómo crear una segunda, tercera o más columnas laterales? Primero debes saber que las columnas laterales en un Blog y en idioma HTML, son llamados sidebar . También debes tener en claro que todas las plantillas de los blogs, son distintas así que debes tomar este tutorial, como un ejemplo, y tienes que tomar lo que mejor te ayude. 1º Tienen que ver la plantilla, en un comienzo les costará entenderla pero intentando y con persistencia les aseguro que resultará. Tienen que ir a la sección que dice “/* Variable definitions “ , dentro de esta parte, están ==================== situadas todas las variables de tu blog, lo que es texto color, etc; ustedes deben buscar en todas las variables, las que tengan el nombre sidebar. Como se ve en la imagen, en mi plantilla solo aparecía las variables de “sidebarBgColor1” y la “sidebarBgColor2 ”, ambas corresponden a la columna 1 y 2. Para la tercera columna copio la variable “ siderbarBgColor2” debajo de las dos variables anteriores y le cambio el nombre de “siderbarBgColor2” a “siderbarBgColor3”, y la que me resulta es la variable que queda en verde, como muestra la imagen.

·        3. 2º Después sigues bajando, y buscas la sección con el nombre “ /* Content ” es en esta donde está el contenido de tu blog. Primero tienes que ubicar la siguiente imagen: En esos códigos ubican el que dice “ width ” que significa anchura. En i blog vino con 950px, y como ven lo modifique a 1100px si deseas puedes poner 100% para facilitar el trabajo. 3º Después sigues bajando, y ubicaras los códigos de cada sidebar, tal y como se ve en la imagen, deben hacer el mismo paso de las variables, en este caso yo copie la información del “ #sidebar2-wrapper {“ , y le cambie el nombre a “#sidebar3-wrapper {” , y me quedo como pueden apreciar en la imagen con sombreado verde.

·        4. 4º Después encontrarán la sección “ `/* Left Sidebar Content”, la cual no modificaremos, sigues bajando y encontrarás /*Right Sidebar Content , en la Que verás resaltado en verde, cada parte tiene el nombre de sidebar2 , ya que corresponde a la segunda columna. Como nosotros queremos crear una tercera columna, copiamos toda la información de esa sidebar, y los nombres resaltados se cambian por sidebar3, en mi plantilla, al modificar esto, la tercera columna quedo tal y como muestra la imagen de la derecha. Si se dan cuenta todo lo resaltado con amarillo, son los nombres de sidebar2, modificados por sidebar3.

•  5. 5º Por último el paso final, siguen bajando y encontrarán la sección “/*  Footer”, siguen bajando y llegarán a unos códigos más raros, el que deben  encontrar para sentirse encaminados es el <div id='sidebar-wrapper'>, si lo  encontraron siguen bajando hasta encontrar <div id='sidebar2-wrapper'>  que representa la segunda columna entonces copian esa información y  cambian el nombre a <div id='sidebar3-wrapper'>Luego de esto verán los  resultados de esto.