Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
TUTORIAL BLOGGER: ENMARCAR EL BLOG
#1
Este tutorial, lo vamos a hacer añadiendo un CSS a nuestro blog, para ello hacemos los de siempre, vamos a Plantilla → Personalizar → Añadir CSS y pegamos en la cajita lo siguiente:

.content-inner {
  border: 3px solid #000000;
  border-radius: 25px; /*borrad esta línea si no queréis redondear las esquinas*/
}

La primera línea, sirve para enmarcar el blog. Lo customizamos añadiendo:
  • Tamaño: para mí 3 píxeles es lo ideal, pero ya sabéis podéis poner más aumentando el número o menos disminuyéndolo. 

  • Estilo de línea: en este tutorial os decía cuál son los estilos de línea, pero os refresco la memoria:
    [Imagen: c.png]
    [Imagen: pin-it.png]

  • Color: cambiando el numerito (que está puesto para que sea de color negro) por el color que mejor quede en vuestro blog. Yo por ejemplo para todas las líneas del blog uso el mismo.
La segunda línea, es para redondear las esquinas. Esta puesto a un tamaño de 25 px, porque considero que queda más bonito así, pero esto lo podéis cambiar a vuestro gusto.
Así quedaría con 25px:

[Imagen: 1.PNG]

[Imagen: pin-it.png]

Y así con 75px:

[Imagen: 3.PNG]

[Imagen: pin-it.png]

Y si os apetece redondear unas esquinas y otras no, susituid esa línea por esta otra:


border-radius: 50px 50px 50px 50px;


Y cada tamaño corresponde a: esquina superior izquierdaesquina superior derechaesquina inferior derecha y esquina inferior izquierda:

Por ejemplo si ponemos:


.content-inner {
  border: 3px solid #ffd0c2;
  border-radius: 50px 0px 50px 0px;
}

Tendremos nuestro blog tal que así:

[Imagen: 4.PNG]
[Imagen: pin-it.png]


Así que esto ya es jugar como a uno le apetezca.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Solucionado: Ayuda! Dominio Blogger NixonJ1 17 1,303 23-01-2017, 07:35 PM
Último mensaje: Vicen
  Ayuda! Dominio Blogger NixonJ1 1 450 22-01-2017, 04:19 PM
Último mensaje: Vicen
Pregunta Blogger Vs Wordpress oswaldo 14 1,229 02-01-2017, 11:35 PM
Último mensaje: onspot
  Las 5 mejores plataformas online para crear tu propio blog gratis (1º Parte) Netohg 37 4,899 02-04-2016, 05:22 AM
Último mensaje: ghmillet
  DOMINGOS MOLONES: COLABORACIÓN CON VELVET CAT (FREEBIES + TUTORIAL BLOGGER) inguzca 0 429 07-02-2016, 09:03 PM
Último mensaje: inguzca
  FREEBIES: BOTONES DE SUBIR PARA NUESTRO BLOG (Y TUTORIAL BLOGGER) inguzca 0 617 07-02-2016, 08:58 PM
Último mensaje: inguzca
  TUTORIAL BLOGGER: PERSONALIZAR EL MENÚ DE PÁGINAS inguzca 0 501 07-02-2016, 08:57 PM
Último mensaje: inguzca
  TUTORIAL BLOGGER: CÓMO HACER UN MENÚ POR CATEGORÍAS inguzca 0 424 07-02-2016, 08:55 PM
Último mensaje: inguzca
  TUTORIAL BLOGGER: CÓMO PONER UN BUSCADOR EN LA BARRA SUPERIOR inguzca 0 943 07-02-2016, 08:53 PM
Último mensaje: inguzca
  TUTORIAL BLOGGER: CÓMO PONER UNA BARRA SUPERIOR CON MENÚ DESPLEGABLE E ICONOS SOCIALE inguzca 0 2,384 07-02-2016, 08:52 PM
Último mensaje: inguzca



Usuarios navegando en este tema: 1 invitado(s)