DISEÑO DE BLOGS

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

¿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

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.

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!

¡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; }

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.)