Código, Web y Blogs


Todo sobre tu Perfil de usuario en Blogger - modificar, foto perfil, configuración y más

Desde el principio de los tiempos Blogger funcionaba con el famoso perfil de usuario nativo de la misma plataforma lo cual estaba bien, pero cuando llegó Google Plus se quiso imponer ante Blogger casi obligándonos a vincular nuestro perfil de Blogger con el de Google+ y así fuese el mismo prácticamente para todos los servicios de Google.


Sin embargo últimamente al Foro Oficial de Blogger han llegado algunas dudas sobre como modificar algún parámetro de sus perfiles, entre las más comunes desean:
- Cambiar la foto de perfil.
- Mostrar u ocultar la lista de blogs que siguen.
- Cambiar el nombre con el que publican en sus blogs.
- Agregar la ciudad donde viven a su perfil.

Entre otras dudas, así que la idea de este post es explicar cual es la mejor configuración que podemos dejarle a nuestro perfil de Blogger y dar el enlace para que no nos compliquemos al momento de editar todo, empecemos.


Configurar perfil de Blogger 2020

1. Lo primero será ir al siguiente enlace, recomiendo que se guarde en favoritos ya que en algún momento lo necesitaremos y hasta donde sé (salvo que sea muy ciego) en el escritorio de blogger no veo la opción directa para modificar nuestro perfil.

2. Una vez dentro veremos todos los parámetros posibles para cambiar:



3. Hasta lo anterior sería suficiente para muchos de nosotros pues es fácil modificar, pero la idea de este artículo no es dejar un enlace y es todo si no explicar que significa cada cosa por más obvia que sea y sepan por qué se modifica:


4. Privacidad

Configurar este apartado correctamente podrá salvarnos del SPAM en un futuro y por experiencia lo puedo decir, como recomendación es mejor ser un poco reservado para evitar molestias, dentro de privacidad tenemos:


4.1. Compartir mi perfil, esta opción permite que alguien nos encuentre en Blogger o no, si deseas tener una reserva total recomiendo desactivar dicha opción. ¿Y qué pasa si publico en mi blog pero no comparto mi perfil? bueno cuando das clic en tu perfil o alguien lo hace saldrá algo así:

4.2. Mostrar mi dirección de correo electrónico, Definitivamente este campo debemos desactivarlo en la era del SPAM en la que estamos, de nada sirve mostrar esto en nuestro perfil además si se trata de que nos contacten podemos usar formularios de contacto en nuestros blogs, si habilitas la opción se verá así en tu perfil:
Se mostrará una opción en nuestro perfil que dirá "Correo electrónico" y por una función mailto se podrá enviar un mensaje.

4.3. Mostrar mis blogs, En tu perfil público saldrá la lista de blogs en los que eres administrador o autor por ejemplo:



Si damos en "Seleccionar los blogs que quieres mostrar" podrás ocultarlos todos o solo dejar ver uno como se verá en este momento:



4.4. Mostrar los sitios que sigo, en este caso no podemos seleccionar cuales blogs se muestren ya que solo somos seguidores y no administradores, recomiendo inhabilitar esta opción si la lista de blogs que siguen es muy grande.


5. Identidad

En la sección de identidad  solo tenemos dos campos modificables y uno que no lo es, básicamente es lo siguiente:

5.1. Nombre de usuario, Es el correo electrónico vinculado a nuestro perfil esto suele causar confusión ya que no es el nombre de nuestro perfil con el que publicamos o el que se ve al momento de publicar en Blogger por ejemplo:


Pienso que ese campo debería llamarse "Correo vinculado al perfil" y no "Nombre de usuario" ya que causa confusiones ligeras y para finalizar no es posible cambiarlo solo es informativo.

5.2. Dirección de Correo electrónico, Este campo es útil si activaste mostrar el correo en el paso 4.2. ya que será el que saldrá como se vio allí en la imagen, igualmente se debe dejar un correo escrito sea que se muestre o no el mismo, ya que es un campo obligatorio:


5.3. Nombre para mostrar, aquí es donde se cambia el nombre con el se publicarán las entradas en nuestros blogs como resalté en azul en la imagen del paso 5.1. y también será el nombre que te identificará directamente en tu perfil de blogger:


6. Foto de perfil, bueno este es evidente saber de que se trata pero recuerden en lo posible subir una imagen cuadrada si no desean subir nada es posible dejarlo así tal y como se ven en la imagen anterior del paso 5.3. 

Hasta aquí con las configuraciones ya explicadas nuestro perfil quedaría listo y ha sido lo más importante, todo lo que queda faltante podría llamarlo como "El relleno" para nuestro perfil y no es un obligatorio escribir sobre esos campos. Todo lo anterior es importante saberlo en especial si eres una persona que recién empieza con la plataforma Blogger.

¿Alguna duda? Comenta. Hasta la próxima,


DROPBOX como hosting de imágenes y vídeos para Blogger, wordpress etc.

Hace unos meses atrás compartí un post enseñando ¿Cómo usar Dropbox de hosting para scripts, CSS y HTML? bueno para ese momento no consideré la opción de que lo mismo sería con las imágenes o vídeos ya que en Blogger no requiero hosting pues la misma plataforma provee un espacio muy generoso para cargar nuestras imágenes.


Usando Dropbox como hosting web de imágenes/vídeos

1. Lo primero será ir a nuestra cuenta de Dropbox (No es necesario descargar la App de Dropbox a nuestro equipo).

2. Ahora vamos al escritorio de Blogger y crearemos una carpeta (A) para ser ordenados la llamaremos "Hosting imágenes" o como deseen 😀, luego seleccionamos "Sólo tú" (B) y finalmente guardamos todo dando en crear (C):


3. Ahora ingresamos a dicha carpeta y allí subiremos (A) las imágenes o vídeos para la prueba yo subiré una imagen y un solo vídeo:


4. Luego a la imagen o vídeo le daremos clic en los 3 puntos (A) y luego seleccionamos compartir (B):


Damos en "crear vínculo" y finalmente copiamos dicho vínculo:


5. El vínculo copiado debería verse algo así:
https://www.dropbox.com/s/l7k3ab80o5323j3/eblogger.png?dl=0

Y si vemos en el navegador dicha url nos saldrá el archivo pero, aún no es funcional como una imagen cargada en un host:



6. Ahora entramos al PASO CLAVE aquí modificaremos el enlace de nuestro archivo para poderlo llamar como si estuviese en un host y usarlo en nuestras webs o blogs, el vínculo similar al del paso 5 le cambiaremos las letras "www" por las letras "dl" hecho eso quedaría así entonces:
https://dl.dropbox.com/s/l7k3ab80o5323j3/eblogger.png

Si vemos ahora la imagen ingresando dicha URL al navegador nos saldrá limpia y solamente la imagen sin nada relacionado con dropbox:


7. Finalmente si queremos usar nuestras imágenes o vídeos con HTML podemos hacer las siguientes etiquetas respectivamente:

<img src="URL de la imagen" /> 

Y para vídeo:
<video src="URL del vídeo" width="640" height="480"></video>

Y eso sería todo, el proceso es fácil sin embargo lo detallo casi paso a paso porque no todos dominan este tipo de temas con facilidad, sin más que decir para cerrar este post dejaré los demos de imagen y vídeo alojados directamente en dropbox y llamados con HTML:

Logo Blogger


Y mi vídeo con un poco de humor 😁:


No es más en este post si tienes alguna duda comentala.

Hasta la próxima,


Insertar publicación de Instagram foto o vídeo entradas blog de Blogger

Lo que para unos es fácil para otros es una odisea, y en Bloggin Red todo lo que se pueda enseñar se hará, hoy veremos como integrar publicaciones de Instagram en las entradas, páginas estáticas o simplemente como un gadget en nuestros blogs, aclaro que desde luego sólo funcionará con cuentas que no sean privadas ya que en caso contrario si la cuenta que sigues es privada entonces solo tú podrás ver la foto o vídeo pero los demás no.



¿Y cómo se verá? bueno aquí dejo un ejemplo (Al final explico como ajustar el tamaño de la publicación insertada):


Insertar publicación Instagram en entrada o página estática

1. Sólo se puede insertar haciendo todo desde la versión escritorio de Instagram vamos a la publicación y damos clic en los tres puntos que tiene la misma:



2. Luego saldrá una ventana y allí damos clic en insertar:


3. Copiamos el código que nos dan allí, si deseamos incluir la descripción de la publicación seleccionamos "Incluir pie de foto":


4. Ahora vamos a ir a la pestaña "HTML" de la entrada o página estática donde queremos insertar la publicación y allí pegamos el código:


Finalmente podemos publicar nuestra entrada o dar en vista previa, para así darnos una idea de como saldrá, y sería todo para la entrada o página estática.


Insertar publicación Instagram como un Gadget


5. Ahora insertaremos la publicación de Instagram como gadget en cualquier parte del blog es fácil a partir del código copiado en el paso 3, iremos a Blogger > Diseño > Añadir gadget > HTML/Javascript.


6. Pega el código allí y da clic en guardar, luego observa en tu blog si todo sale bien.


+Aclaraciones y dudas

- La publicación insertada es por defecto muy grande para ajustar el tamaño de la misma en el código buscaremos algo similar a lo siguiente:
max-width:540px; min-width:326px;
Y cambia los números por una medida que consideres justa para tu publicación insertada. 

- La publicación por defecto no está centrada y estéticamente no se ve bien, así que basta con usar las siguientes etiquetas HTML para centrar el contenido insertado:
<center> Pega aquí el código </center>

Y eso sería todo en este post ¿Alguna duda? comenta.

ESTAMOS EN: