miércoles, 28 de noviembre de 2018

TRUCOS CON CSS PARA PERSONALIZAR TU BLOG


¡Aquí estoy de nuevo!

Hoy os traigo unos trucos muy sencillos para personalizar nuestro blog y darle un aspecto más personal. Tanto en blogger como en Wordpress o cualquier otra tecnología que uséis para vuestro blog permite plantillas universales y, aunque son variadas, son las mismas para todos los usuarios. Si nos queremos desmarcar y generar nuestro propio sello en el blog podemos emplear pequeños detalles con CSS que nos distinguirán del resto. Os dejo cuatro sencillos trucos que funcionan pero antes de eso os cuento qué es CSS. ¡Espero vuestros comentarios y experiencias!

¿QUÉ ES CSS?

CSS es un código muy parecido al de HTML para definir los estilos de una web/blog,... MOdifica el aspecto de loqeu estamos viendo tanto sea en pantalla como impreso. Las siglas CSS responden al inglés Cascading Style Sheets que para nosotros se traduce en "Hojas de estilo en Cascada".

¿CÓMO PODEMOS EDITAR CSS EN BLOGGER?

Es muy sencillo. Estas órdenes que le damos a "las tripas" de blogger se resumen en pequeños fragmentos de código que tenemos que insertar en el lugar adecuado. Os indico los pasos:

📌 PASO 1📌
En el menú de nuestro escritorio de blogger pinchamos en la opción "Tema". Después pincharemos en el botón naranja que nos indica "Personalizar".


                              

📌 PASO 2📌
En el menú de edición de nuestra plantilla elegimos la opción "Avanzado". Después bajamos todo el menú hasta localizar "CSS". Cuando pinchemos aparecerá una caja de texto blanca, en ella debemos copiar el código que queremos implementar en nuestro tema.


               

📌 PASO 3📌
Cuando tengamos abierta la caja blanca veremos que arriba nos india "Añadir código CSS personalizado". Pues ya casi está: Sólo tenemos que pegar el código que nos interese dentro de la caja y por último pinchar en "Aplicar cambios al blog", así serán totalmente efectivos los cambios.






Y ahora lo interesante, los códigos CSS. Si no sabemos construir códigos CSS lo más cómodo y eficaz es copiarlos de otro bloger con más experiencia que nosotros. Así que aquí os dejo los pasos simplificados con cuatro códigos muy útiles y sencillos para que marquéis la diferencia en vuestros blogs:


💡 1- CENTRAR LA IMAGEN DE CABECERA
1.- Acudimos al menú Tema
2.- Pinchamos en "Personalizar"
3.- Clicamos en "Avanzado" y bajamos todo el menú hasta llegar a CSS.
4.- En la cajita en blanco de CSS pegamos el siguiente código:
.header .widget {  text-align:center;}
.header img {margin:0 auto;}


💡2- ELIMINAR LA AUTORÍA DE BLOGGER
1.- Acudimos al menú Tema
2.- Pinchamos en "editar HTML"
3.- Localizamos éste código en nuestra plantilla  ⇒]]></b:skin> 
4.- Justo antes de ese código pegamos el siguiente: #Attribution1{display:none}
5.- Guardamos los cambios y no lo volveremos a ver más.

💡3- CENTRAR LAS PÁGINAS DEL BLOG
1.- Acudimos al menú Tema
2.- Pinchamos en "Personalizar"
3.- Clicamos en "Avanzado" y bajamos todo el menú hasta llegar a CSS.
4.- En la cajita en blanco de CSS pegamos el siguiente código y se centrarán las páginas en el menú multicolumnas de blogger:

 .PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

💡4- ELIMINAR BARRA DE NAVEGACIÓN DE BLOGGER
1.- Acudimos al menú Tema
2.- Pinchamos en "editar HTML"
3.- Localizamos éste código en nuestra plantilla  ⇒]]></b:skin> 
4.- Justo antes de ese código pegamos el siguiente:
                          #navbar-iframe { height:0px; display:none; visibility:hidden; }

Isa


martes, 27 de noviembre de 2018

BANCOS DE IMÁGENES GRATUITOS PARA EL BLOG

¡Hola a tod@s!


Llevo tiempo con ganas de contaros como enriquecer y personalizar vuestros blogs. Una herramienta muy útil es emplear imágenes vistosas, llamativas, originales y libres de derechos de autor para darle personalidad a vuestro cuaderno de bitácora. Para ello os relaciono un listado de bancos de imágenes gratuitos con sus pros y sus contras desde mi punto de vista. Espero que os sea muy útil.


  • Pixabay⇨ Es una de las plataformas más conocidas, empleadas y gratuita. Tiene muchísimas imágenes y muy variadas pero con un pequeño inconveniente. En la primera y, a veces, segunda fila de propuestas, aparecen imágenes muy atractivas. Cuando pinchas en ellas te deriva a la web de shutterstock, que es de pago. Mi consejo es que saltéis esas imágenes y te adentres en las que te ofrece gratuitamente Pixabay.
  •          

  • Pexels⇨ La web viene en inglés pero gracias a Google se puede traducir al castellano. El uso es muy sencillo, introduces en el campo de texto tu búsqueda y pinchas en la lupa. Los recursos que ofrece son muy interesantes, pro ello está en el número 2 de mi ranking. Permite las descargas gratuitas y eso es lo que a un buen blogger le interesa.
  •                                                                            




  • Stockpic⇨ Este espacio permite fotografías gratuitas para uso comercial bajo una licencia Stokpic. Yo siempre recomiendo que utilicéis las de Creative Commons, pero no está de más saber que existen otros tipos de licencias. Facilita la búsqueda por categorías a través que un menú que veréis en la parte superior de la web. También se os abrirá en inglés, si os atrevéis con él adelante, si no es así recordad que podemos acudir a la opción de traducción que nos ofrece el navegador.
  • Freepik⇨ Se abre directamente en castellano y tiene una interfaz intuitiva y muy sencilla. Igual que Pixabay, las primeras opciones que os ofrecen están patrocinadas por Shuttersock. Pasamos a las siguientes para elegir entre las gratuitas. Sus recursos son de alta calidad y además nos ofrece la opción de hacernos Premium (siempre bajo pago). Muy recomendable.
  •     

  • The Noun Project⇨ Esta opción es muy original puesto que nos facilita iconos, es decir imágenes esquemáticas que representan una idea, objeto, persona, lugar,... Es muy práctica de cara a crear infografías con programas que ya tenemos muy explorados y que nos presentan más iconos de pago que gratuitos. Os la sugiero si deseáis generar un recurso de propia creación con iconos diferentes y novedosos. Como la interfaz es muy accesible creo que no es es un gran inconveniente que esté en inglés.
  • FlaticonGran almacenaje de iconos, la gran mayoría a color -eso nos gusta-. Los primeros que muestran tienen la corona (👑) del servicio premium: Si clicáis en ellas os lanzará un mensaje sobre el sistema de plan y pago. Una característica muy interesante es que nos deja editar los iconos previo registro. Los iconos son todo un mundo por descubrir y explotar. Os invito a utilizarlos en vuestros blogs los dinamizaran y aportaran frescura.

  • Flickr⇨ La dejo para el final porque aunque es una web muy popular repleta de imágenes creadas por fotógrafos, en ocasiones, el resultado es demasiado doméstico. No es de mis preferidas porque, pese a que las imágenes son muy naturales, para mi gusto, carecen de la profesionalidad que yo necesito para subirlas a mi blog. Requiere registro previo para poder descargar.


  • Image and video hosting by TinyPic

    lunes, 5 de noviembre de 2018

    CONSTRASEÑAS SEGURAS

    ¡Hola a todo@s!

    Ya estoy aquí de nuevo con curiosidades y recomendaciones útiles para vuestros blogs. Siempre que nos disponemos a crear un blog en blogger necesitamos tener una cuenta de Gmail, en ese momento nos surgen dudas del tipo ¿Qué datos facilito? ¿Cómo debe ser mi contraseña? ¿Sigo las instrucciones de Gmail al pie de la letra o creo una contraseña fácil de recordar? Estas y otras dudas espero que queden despejadas con esta infografía que he creado para vosotros.

    ¡Nos vemos en los comentarios del blog!

    Isa