Subir archivos en Google Sites

Para modificar un blog en ocasiones nos vemos obligados a subir un archivo a la red, como podría ser una imagen, un archivo de audio o un script. Procedemos entonces a buscar un hosting gratuito y efectivo.

Hay multitud de servicios con éstas características pero que en ocasiones, son difíciles de usar o no admiten un determinado tipo de archivos.

Y aunque hacer uso de servicios externos puede no ser siempre una ventaja, Google ofrece un hosting gratuito, Google Sites. Las imágenes de nuestros blogs y éstos se alojan en sus servicios por lo que realmente es la mejor opción.

El primer paso constará de acceder a Google Sites, utilizando tu cuenta de Google.

Posteriormente crea un sitio.

Una vez hecho esto, aparecerá una nueva página con diversas opciones de diseño. Escoge el diseño que te atraiga, indica el nombre y asegúrate de haber marcado la casilla 'Compartir con todo el mundo' en el enlace desplegable denominado 'Mas opciones' (para hacer pública la página).



Cuando hayas creado el sitio, dirígete a la esquina superior derecha y pulsa sobre el botón Crear página.



Selecciona la plantilla 'Archivador' y escribe su nombre:




Ya puedes subir tus archivos a Google Sites. Haz clic en Añadir archivo y localiza el documento.




Afortunadamente puedes incluir una descripción al elemento que vas a subir por lo que encontrarlo en una amplia lista será muy fácil.



Por último, cuando el archivo ya se ha subido, aparecerá en el archivador, con un enlace que dice Descargar.

Pulsa el botón derecho del ratón y copia la dirección del enlace.



Se trata de la URL del archivo que se utilizará para introducirlo en la plantilla. Es fundamental eliminar la parte resaltada en color rojo de todas las URLs que tomes de Google Sites:

Alinear contenido en el blog: elementos y gadgets

Cómo alinear elementos o gadgets del blog, ya sea para centrarlos o situarlos en un lado en particular es algo que muchos usuarios desconocen.

La mayoría de las plantillas que utilizamos en blogger alinean el contenido por defecto hacia la izquierda, pero con unas líneas podemos modificarlo.

Haremos uso de un contenedor div al que asignaremos el atributo align, que determinará la alineación del elemento (imágenes, vídeos, texto...).

Centrar

<div align="center">
CODIGO DEL ELEMENTO
</div>

Alinear a la izquierda

<div align="left">
CODIGO DEL ELEMENTO
</div>

Alinear a la derecha

<div align="right">
CODIGO DEL ELEMENTO
</div>

Reemplaza en cada caso CODIGO DEL ELEMENTO por el código del elemento que deseas alinear, ya sea algo que se encuentre en un gadget o en una entrada.

¿Mi blog ha sido eliminado? ¿Por qué no aparece en mi cuenta?

Enciendes tu ordenador, accedes a tu cuenta de blogger y te llevas la gran sorpresa de que tu blog ha desaparecido. Sin duda quedarás sorprendido y pensarás que tu cuenta ha sido hackeada. A pesar de que podrías estar en lo cierto, hay otras causas por las que tu blog podría no aparecer.

Lo primero que debes hacer ante una situación así es calmarte. En la mayoría de los casos nos encontramos ante un simple error por lo que será mejor empezar a descubrir lo ocurrido.

Problemas con el blog

1) Borrar el blog accidentalmente

Todos cometemos errores y afortunadamente la mayoría tienen solución. Si crees haber eliminado el blog por equivocación dirígete a tu Escritorio de blogger y encuentra un mensaje similar a este:



Pulsa en el enlace 'Mostrar todo' y visualiza los blogs eliminados durante los últimos 90 días (plazo que blogger ofrece para recuperarlo). En caso de encontrar tu bitácora en la lista, haz clic sobre la frase 'Recuperar este blog' y listo.

2) Blog eliminado por violar las Políticas de contenido

Blogger puede haber eliminado tu blog por incumplir las Condiciones de servicio o las Políticas de contenido. Recibirás pues un correo electrónico con la notificación del acto.

Puedes leer la política de contenido o las condiciones de servicio para evitar que algo así ocurra.

3) Otro administrador del blog lo ha eliminado

Esto ocurre en blogs con varios autores. Tu blog puede haber sido eliminado por otro autor al que otorgaste los privilegios de administrador. Para recuperarlo haz lo mismo que expliqué en el primer caso. Una vez recuperado, ponte en contacto con el otro administrador y aclara lo sucedido; asegurarte de que no lo hizo intencionalmente.

Si el blog no es tuyo, el dueño original podría haberlo eliminado.

4) Otro administrador del blog te ha anulado los permisos para publicar y administrar

Si tu blog es administrado por más de un autor y al menos uno de ellos cuenta con los privilegios de administrador (otorgados previamente por tí) puede anularte el permiso para publicar o administrar la bitácora.



No tienes mucho que hacer ya que al posibilitar estos permisos, el otro administrador puede realizar cualquier cambio en el blog sin tu consentimiento; como si fuese suyo. Aunque algún empleado de Google podría solucionarlo (te recomiendo difundir el caso en el Foro de ayuda de Blogger), no tengas esperanzas ya que recuperarlo será complicado.

En caso de no ser el 'verdadero' dueño del blog y no poder verlo en la lista de blogs, pónte en contacto con el dueño y cuestiónale si te anuló los permisos. Lo normal es que lo haya hecho y por tanto esa sea la razón por la que no ves el blog.

5) Blogger muestra un error

No sería extraño recibir en algún momento errores de blogger. Editando entradas, modificando la plantilla o simplemente al subir una imagen podría aparecer la notificación de un error tipo bX-xxxxxx. Estos errores son temporales y son restaurados por el equipo de Blogger.

Si han pasado varias horas tras haberlo recibido, accede al Foro de ayuda de Blogger e indica la dirección de tu blog.

Comprobarás que no eres el único usuario con este problema y probablemente recibas ayuda de algún empleado / colaborador de Google.

Problemas con la cuenta

¿No puedes acceder a tu cuenta de blogger? ¿Recibes un error al escribir tu contraseña?

Si estás escribiendo un correo electrónico incorrecto o tienes más de uno y has olvidado el que necesitas para acceder al Escritorio Blogger accede al formulario de recuperación. Introduce la dirección de tu blog y pulsa el botón 'Buscar'.



Posteriormente revisa todos tus correos, recibirás un email con los datos de la cuenta necesarios para iniciar sesión en Blogger.

En caso de haber olvidado la contraseña, accede al formulario de recuperación y, siguiendo estos últimos pasos, revisa tu correo electrónico para reestablecer la clave.

Consejos

1) No otorgues privilegios de administrador a un usuario que no conoces bien. Éste podrá anularte el control sobre tu propio blog y apoderarse de todo el contenido que tanto tiempo conlleva escribir.

2) No utilices demasiadas cuentas de correo electrónico ya que podrías olvidar la clave.

3) Asegúrate de que tu blog cumple las condiciones de servicio de Blogger y la política de contenido. No respetar estas normas podría costarte la eliminación permanente de la cuenta.

4) Núnca difundas la dirección de correo electrónico con la que accedes a tu cuenta por internet. Si lo deseas, crea un correo exclusivo para 'contactar' con los lectores de tu blog.

5) Utiliza una contraseña segura, compuesta por más de ocho carácteres, con letras, números e incluso símbolos.

6) Realiza copias de seguridad de tu blog (tanto de la plantilla como del contenido) con frecuencia para poder restaurarlo en otra cuenta en caso de perderlo.

7) Si olvidaste realizar una copia de seguridad, escribe en la barra de direcciones de tu navegador la línea cache:tublog.blogspot.com. Accederás a la versión 'cache' de tu blog y con suerte recuperarás parte del contenido.

8) Si para entrar a tu blog utilizas otro ordenador que no es el tuyo, no guardes la contraseña (opción que ofrece la mayoría de los navegaodores). Guárdala únicamente si el equipo es de tu propiedad.

Cargando el blog... Mostrar una imagen que indica el estado de carga

Esta es una forma de mostrar el estado del blog por medio de una imagen de carga. Si la página, por el motivo que sea se demora un poco en cargar, el lector podrá ver un icono en movimiento que desaparece al completar la carga de todo artilugio.


La instalación es sencilla y el resultado muy satisfactorio (siendo una forma de pedir paciencia a los visitantes del blog).

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta </head> y justo encima añade este script:

<!-- blcnImagenCargando -->
<script type='text/javascript'>
window.onload = blcncg;
function blcncg() {
document.getElementById("blcncrg").style.display="none";
}
</script>

Ahora busca la etiqueta <body> e inserta debajo este código:

<div id='blcncrg' style='background:#ffffff;padding:4px;margin-top:10px;margin-bottom:10px;font-family:Arial,helvetica,sans-serif;font-size:14px;text-align:center;'>Cargando el blog...<br/>
<img src='http://img178.imageshack.us/img178/3384/balcncrg.gif'/></div>

Si lo deseas puedes editar la imagen de carga. Borra la línea resaltada en naranja e incluye la dirección del nuevo icono.

En AjaxLoad o en LoadInfo encontrarás una amplia colección.

Guarda la plantilla y comprueba el resultado accediendo a una de tus entradas publicadas.

Navbar de blogger oculta y visible al pasar el cursor por encima

Anteriormente publiqué el procedimiento para ocultar la navbar o barra de navegación de blogger en cualquier blog. En esta entrada me gustaría presentarte una nueva forma de esconderla y a su vez mostrarla usando el cursor.

La gran ventaja de utilizar este método es que la barra seguirá disponible tanto para el administrador del blog como para los lectores. Puedes ver el truco en funcionamiento accediendo a este blog de pruebas.

Para comenzar la instalación pulsa el siguiente botón:

Sigue los pasos y agrega el gadget. Colócalo al final de tu barra lateral (sidebar) y listo.

Ten en cuenta que para que este truco funcione correctamente no debes aplicar el citado en la introducción o alguno similar.

Habilitar los comentarios en las páginas independientes o estáticas de blogger

Me han preguntado varias veces si es posible mostrar el formulario de comentarios en las páginas estáticas o indepentidentes de blogger y, aunque dicha opción la ofrece dicha plataforma, muchos lectores la desconocen.

Disponemos de dos métodos para habilitar el formulario. El primero, aún siendo el más sencillo, puede no ser efectivo si tu plantilla es prediseñada.

Primer método:

Crea una nueva página independiente y escribe su contenido.

Ahora, antes de publicarla, haz clic sobre el enlace denominado 'Opciones de entrada' y marca la casilla 'Permitir'.


Publica la página y comprueba que el formulario de comentarios está disponible. En caso de no estarlo, sigue los pasos del segundo método e incluye el código necesario para hacer que esta opción funcione.

Segundo método:

Diseño>Edición de HTML>expandimos artilugios

Busca esta línea:

<b:include data='post' name='post'/>

Ahora, justo debajo de ella incluye esto:

<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>

Guarda la plantilla y comprueba el resultado.

Nota:

Si la línea de código no aparece en tu plantilla, pega el bloque justo encima de esto otro:

<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

Menú horizontal para tu blog con bordes redondeados

Los menús o barras de navegación facilitan el acceso a los apartados de un blog o web y normalmente se instalan con facilidad. Ya he presentado varios modelos en El Balcón que pueden aplicarse al blog con rapidez, pero aún no he explicado la manera de crear tu propio menú, de utilizar los colores que más te gusten o imágenes de fondo atractivas.

Diseño>Edición de HTML>expandimos artilugios

Busca esta línea en tu plantilla:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Ahora debes editarla de manera que obtengas esto:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

Una vez lo hayas hecho, encuentra esta etiqueta:

<b:include data='blog' name='all-head-content'/>

Y añade este script justo debajo:

<!--[if IE]>
<script type="text/javascript" src="http://sites.google.com/site/scriptsbalcon/b/blbrdIE.js"></script>
<![endif]-->

Guarda la plantilla.

Dirígete al apartado de Diseño>Elementos de la página y añade el gadget Lista de enlaces:



Añade los enlaces que llevará el menú. No hace falta que los introduzcas todos pero si es posible házlo.

Intenta también que el título o texto de los enlaces no sea demasiado extenso: ten en cuenta que el menú tendrá el mismo ancho que la cabecera de tu blog por lo que si te extiendes demasiado se visualizará mal.

Guardar el gadget y arrástralo hasta el recuadro que hay debajo de la cabecera o título del blog, de manera que el menú aparezca encima o debajo de ésta.

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta ]]></b:skin> y añade estos bloques de CSS encima:

#LinkList1 li {border-right:1px solid #BFC4C6; float:left; font-size: 13px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; height:24px;letter-spacing:0; list-style:none outside none; padding-left:10px; padding-right:10px; padding-top:8px; text-align:center;}
#LinkList1 li:hover {background: #717C81;
color:#000000;}
#LinkList1 a{color: white;} #LinkList1 a:hover{
color: white; text-decoration: none;}
#LinkList1 {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-goog-ms-border-radius:7px;
border-radius: 7px; background:#95A0A7; height:32px; margin-bottom:12px;
}

Haciendo uso de la tabla de colores puede editar por completo el aspecto de tu menú:

#95A0A7 es el color de fondo del menú. Si deseas utilizar una imagen de fondo, deja un comentario y te explicaré lo que debes hacer.

#717C81 es el color de cada enlace al pasar el cursor o ratón por encima. Al principio de la entrada, en las imágenes puedes ver como el enlace El Balcón aparece con un fondo claro: el cursor está encima.

#BFC4C6 es el color del borde que separa los enlaces. Su grosor es personalizable (1px).

Guarda la plantilla una vez hayas acabado y dispondrás finalmente del menú.

Nota:

- El borde redondeado de los menús también puede visualizarse usando Internet Explorer, cosa que antes no era posible. Todo es gracias al nuevo script que ofrece Blogger en sus nuevas plantillas.

Tutorial por Jaime Trujillo Escobedo.

Diseñando tu plantilla: Tutorial paso a paso

Es muy probable que si llevas poco tiempo usando blogger pienses que el diseño es algo complicado y que una plantilla a tu gusto será difícil de conseguir, al no ser que la obtengas de alguno de los muchos sitios web que las ofrecen gratuitamente.

La pena de instalar una plantilla previamente diseñada es que núnca llegará a ser única a no ser que la edites por completo, por lo que, fácilmente, podrás encontrar en poco tiempo, otros blogs con el mismo aspecto que tu bitácora.

Siendo un elemento imprescindible para el éxito del mundo blogger, el diseño es algo que debe tomarse de manera seria.

Con esta entrada te enseñaré a cambiar el aspecto de tu blog de una forma sencilla, con instrucciones fáciles de entender y que, poco a poco, se irán complicando (en tutoriales posteriores) para mejorar así tu conocimiento como diseñador/a.

Nuestro propósito será el de...

En mi caso, haré uso de la plantilla Mínima para , ofrecida por blogger al crear un blog o en el apartado de diseño, pulsando el enlace Seleccionar plantilla nueva.

Prácticamente todas las plantillas de blogger coinciden con los parámetros de código que editaremos a continuación para darle el nuevo aspecto al blog, por lo que es muy probable que (en caso de no tener instalada la plantilla mínima) todo salga correctamente.

Para conseguir el diseño que ves en la imagen modificaremos lo siguiente:

1) El fondo del blog, al cual le atribuiremos una imagen en tonos azules (podrás editarla).
2) La cabecera del blog, que obtendrá una imagen de fondo color naranja (también podrás editarla).
3) Ampliaremos la zona de las entradas e insertaremos un fondo blanco, facilitando así a los lectores la lectura de nuestros artículos.

Antes de empezar... ¡Una copia de seguridad!

Como núnca se sabe lo que puede pasar, aconsejo que hagas una copia de tu plantilla para no perder así tu diseño actual. En esta entrada explico brevemente como hacerlo.

Editando la cabecera

Diseño>Elementos de la página

Haz clic en el enlace "Editar" que aparece dentro del recuadro con el título de mi blog. En mi caso tendrá este aspecto:



En el apartado Imagen, marca la casilla que dice desde la web e inserta esta dirección en el campo de texto:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtf4eoq0uOyJmglAmgQP1sx6xZYJ46DaB4WKoy3zy9cOse2ZYcRPDaWV8ku7eNiVHohwlUT43hVSf748YypH_GCoduWJu9EoBQJTGBBZp_RIIfGk2V4ymtGkIQ2ep4Sd8back9vNTkT8c/s0/blcabecera.png

Guarda el gadget y obtendrás algo como esto:



Fíjate en los bordes del header... ¿No son un tanto molestos?

Diseño>Edición de HTML>expandimos artilugios

Busca este bloque de CSS en tu plantilla:

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Cambia el márgen de 5 píxeles (en la segunda línea) por uno de 0px, con cuidado de no borrar las comillas (;).

En la tercera línea, reemplaza 1px solid $bordercolor por el término none.

Ahora busca este otro bloque:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Y vuelve a reemplazar 1px solid $bordercolor por el término none.

Con esto habremos hecho desaparecer los bordes de la cabecera.

Añadir una imagen de fondo

En mi caso he utilizado una imagen de fondo con tonos azules y un degradado que termina en color blanco (ver imagen) pero puedes hacer uso de cualquier otra.

Visitando bgMaker's encontrarás una enorme cantidad de fondos que pueden descargarse haciendo clic en el enlace que denominado "download".

Si por el contrario ya tienes la imagen y únicamente necesitas alojarla en un servicio para poder utilizarla en el blog, accede a esta entrada con la que aprenderás a hacerlo. Es importante que una vez hayas subido la imagen, no publiques la entrada. Copia su dirección (URL) como explico aquí y resérvala.

Busca lo siguiente:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Cambia la línea background:$bgcolor; por esto otro:

background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwPBoBcz5jnMINh3pQl-DsivhvQH22zwFCiD1bW9lGCb7nuBb4niwfs390Bmd4oXOZOUBxnMpCmERiz6ymMKuCHBHtFtdVzaCP9HheOrf61WlfTCG3EEmHYiSQsLg0bsxCLWtyw0wQB1cA/s1600/body_bg.gif") repeat-x fixed #E7EEF6;

Si vas a utilizar tu imagen personal sustituye la url (resaltada en gris) por la que anteriormente reservaste.

Al utilizar la imagen que yo proporciono y hacer vista previa, comprobarás que el blog adquiere este aspecto:



Ampliando la zona de las entradas y añadiendo un color de fondo

Encuentra este bloque:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

Añade estas líneas debajo de #outer-wrapper {...

background: #ffffff;
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;

Y cambia el valor 660px; por 860px; para ampliar el outer-wrapper (bloque central).
Con esto habrás incluido el fondo de color blanco y dos bordes con un ancho de dos píxeles a los laterales para "dar forma" al bloque central.

Seguidamente busca esto otro:

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Y edita 410px; por 610px;.

Haz vista previa de la plantilla...




Con esto ponemos fin al primer tutorial. Ten en cuenta que la imagen de la cabecera también puede editarse y, de la misma forma que con el fondo del blog, podemos conseguir su URL para insertarla en el campo de texto citado en el primer paso.

Guarda tu plantilla para terminar.

Cómo eliminar seguidores

Con este tutorial aprenderás a bloquear cualquier seguidor de tu blog, impidiendo así que vea las actualizaciones de tu sitio en su escritorio, así como que interactúe con los demás usuarios.

1) Inicia sesión en blogger.

2) Una vez en el Escritorio, haz clic en la opción Seguidores:

3) Seguidamente haz clic en la fotografía o la imagen del seguidor que deseas bloquear:




3) A continuación selecciona "Bloquear a este usuario":




4) Para terminar, confirma la operación haciendo clic en el botón "Bloquear":




Tutorial e imágenes por Jaime Trujillo Escobedo

¿Qué es el Escritorio?

En blogger, el Escritorio es el panel de control, al cual sólo tiene acceso el administrador del blog. En el escritorio tiene lugar la edición principal de todos los blogs (en el caso de blogger), así como la información personal del perfil.

El Escritorio aparece al iniciar sesión en blogger, es la página principal, desde la cual podrás acceder a cada uno de tus blogs, así como a sus entradas ^[+], diseño o configuración.

Además de disponer del control sobre tu cuenta, también ofrece las últimas noticias en blogger, los blogs importantes o los actualizados recientemente.

El término Escritorio proviene del inglés, idioma en el cual se denomina "dashboard" y que nombra al tablero de instrumentos situado bajo el parabrisas en los automóviles.

Con el tiempo, el significado de la palabra escritorio ha cambiado, aplicándose a "la barra de opciones" o "barra de tareas" bajo el control de un usuario (administrador).

El mensaje del formulario de comentarios

En blogger nos dan la opción de incluir un mensaje en el formulario de comentarios. Puedes escribir lo que desees, de manera que cuando tus visitantes escriban un comentario, puedan leerlo.

Para incluir un mensaje en tu formulario sigue los siguientes pasos.

1) Inicia sesión en blogger.

2) Una vez en el Escritorio, haz clic en la opción Configuración:




3) En dicho apartado, escoge la categoría Comentarios:




4) Busca el siguiente apartado:




5) En el recuadro escribe tu mensaje.Ten en cuenta que puedes utilizar algunos códigos HTML como <b>, <i> o <a>

El primero mostrará el texto en negrita, el segundo en cursiva y el tercero servirá para insertar un enlace.

Para escribir una palabra en negrita enciérrala con las etiquetas <b> y </b>

Para escribir una palabra en cursiva enciérrala con las etiquetas <i> y </i>

Para incluir un enlace usa esta línea:

<a href="Dirección de tu página">Titulo del enlace</a>

6) Una vez escrito el mensaje, guarda la configuración:

La plantilla de entrada

La plantilla de entrada es una opción que nos ofrece blogger para almacenar cualquier contenido (ya sea texto o código) que deseamos que aparezca en el cuerpo de una nueva entrada.

Todo lo que introduzcas en la plantilla de entrada aparecerá por defecto / automáticamente cuando hagas clic en crear Nueva entrada, para escribir un nuevo post en tu blog.

Si quieres aprender a usarla sigue los pasos de este tutorial.

1) Inicia sesión en blogger.

2) Una vez en el Escritorio, haz clic en la opción Configuración:

3) En dicho apartado, escoge la categoría Formato:




4) Ahora podrás ver diversas opciones. Busca la siguiente:





5) Seguidamente introduce en el recuadro cualquier frase o código para que aparezca cada vez que crees una nueva entrada.

Algunos ejemplos:

Con texto podrías escribir una frase personal... ¡Este artículo lo escribí yo!

O puedes optar por incluir el código para insertar una imagen en la entrada:

<center><img src="DIRECCION DE TU IMAGEN" /></center>

Sustituye DIRECCION DE TU IMAGEN por la url de tu imagen o icono.

Si no sabes como obtener la URL de una imagen dale un vistazo a esta entrada.

Cuando hayas terminado de insertar los datos en la plantilla de entrada, Guarda la configuración.

Tutorial e imágenes por Jaime Trujillo Escobedo

Cambiar la contraseña de mi cuenta en blogger

Tal vez se de el caso de que necesites cambiar la contraseña de tu cuenta de blogger (google).

Sigue los siguientes pasos y podrás modificar tu clave.

1) Inicia sesión en blogger.

2) Una vez en el Escritorio, haz clic en la opción Mi cuenta, que encontrarás en la esquina superior izquierda:

2) Seguidamente accederás a tu cuenta de Google. Busca el recuadro que dice Configuración personal y haz clic en la opción Modificar la contraseña:




Ahora tendrás la opción de escribir una nueva clave pero antes, escribe tu contraseña actual o responde a la pregunta secreta:




Una vez guardes la contraseña, aparecerá el siguiente mensaje:




Tutorial e imágenes por Jaime Trujillo Escobedo