Entradas

Mostrando entradas de 2021

Apps gratuitas para escuchar audiolibros

Imagen
Con la llegada del verano y las vacaciones tenemos más tiempo para relajarnos, y que mejor que sentarnos en un patio, playa, piscina o en cualquier rincón, mientras escuchamos nuestros libros favoritos en nuestro móvil o tablet. No te pierdas las mejores aplicaciones gratuitas para escuchar audiolibros. Audiolibros Libri El Libro Total

Bancos de imagenes gratuitos para nuestro Blog II

Imagen
¿Necesitas una foto para tu blog o web? Existen bancos de fotos en los que sus autores ceden la foto de forma gratuita, con o que no tendrás problemas de copyright, aquí os dejamos un listado: pixabay pexels unsplash

Tutorial:Cómo cambiar el color de fondo del blog por una imagen

Imagen
Hola ,amigos Bloggers! Hoy vamos a cambiar el fondo de nuestro blog por una imagen,para ello seguiremos estos pasos: 1 .Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla. (Plantilla→Crear/Restablecer copia de seguridad) 2 . Entramos en → plantilla→Editar HTML y buscamos (Pulsando Ctrl+F) : body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: $textColor; background: $bodybgColor ; font-family: arial,verdana,helvetica,tahoma; font-size: 100%; width: 100%; } 3.Ahora cambiamos lo que está en rojo por este código: background: url( URL de la imagen ) no-repeat; background-attachment : fixed; *Sólo cambiamos donde dice ( URL de la imagen ) por la dirección donde está alojada la imagen de fondo que vamos  a usar.

Ocultar el mensaje de "mostrando entradas con etiqueta..." en las plantillas nuevas de Blogger

Imagen
Hoy vamos a hacer un pequeño tutorial muy fácil sobre cómo ocultar "Mostrando entradas con la etiqueta..." en la nuevas plantillas de Blogger. Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla (Plantilla→Crear/Restablecer copia de seguridad) 1.Ahora vamos a: Diseño → Personalizar → Avanzado → Añadir CSS. 2.Ahí copiamos el código: div.post-filter-message div { display: none; visibility:hidden; } 3.Por último, guardamos los cambios y ¡listo!

Centrar las imágenes del gadget de imagen en Blogger

Imagen
¡Hola amig@s!Hoy vamos a realizar un tutorial super sencillo: Lo primero que que tenéis que hacer es una copia de seguridad de plantilla (Plantilla→Crear/Restablecer copia de seguridad) Plantilla → Personalizar → Avanzado → Añadir CSS. Y añadimos el siguiente código:   .Image { text-align:center; }

Añadir un borde a los gadgets y fijar el título a mitad del marco superior

Imagen
Hola amig@s!En el tutorial de hoy vamos a realizar algo sencillo para que nuestro Blog este más personalizado: Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla ( Plantilla→Crear/Restablecer copia de seguridad ),después vamos a: Plantilla → Personalizar → Avanzado → Añadir CSS. Y añadimos el siguiente código: .sidebar .widget { border: 2px solid  #ffc0cb ; /* Apariencia del borde */ } .sidebar .widget-content { padding: 10px; } .sidebar .widget h2 { text-align: center; z-index: 8; top: -10px; background: #ffffff; /* Fondo de la cajita del título */ left: 50%; transform: translate(-50%, 0); display: inline-block; } .sidebar .widget h2:after,.sidebar .widget h2:before { content: "\00a0\00a0"; } *(El código que esta en rojo , es el nombre de la tipografía.)