domingo, 30 de marzo de 2014

Como Añadir Bordes a Titulos de Articulos En Blogger

Leave a Comment
Añade Border al Tit Articulos En Blogger: En este tutorial de ciudad blogger estaremos jugando un poco con CSS para cambiar los bordes de articulos(Post) en Blogger.Tal vez habras notado que titulo de blog viene con "text-decoration:none" por defecto , en palabras sencillas no hay un estilo para los titulos de tus articulos en Blog. .

Chequea articulo como hacer rotar imagenes con css3

Pero no te preocupes podemos cambiar el titulo de los articulos y decorarlos con difrentes propiedades de CSS properties Ok aqui como aplicar el borde ! el cual puede ser "puntos" , "Solido" , "lineas" , ademas añadiremos color especifico y el numero de pixels.No te confundas es muy simple.




  Como Añadir Borde a Titulo de Post (Articulos)

  • Entra en Blogger
  • Da Click en Plantilla
  • EDITAR HTML
  • Busca el siguiente codido post-title o .post o solamente  "post"
  • Busca hasta que encuentres el selector "Post Title" como se muestra aqui abajo


  • Mira la imagen de arriba  donde añadi la propiedad de borde Ejemplo: "border:groove 1px y color" Cambia estos valores por tu valores deseados y guarda la plantilla.Tambien puedes cambiar el color de el titulo de tus articulos o post simplemente cambiando el codigo de color o la propiedad de "COLOR" en el script.
  • No Obstante aqui he selecionado el color de borde Groove de color gris y un ancho 'width' de un 1pixel.
  •  Eso es todo !!
 Nota : En algunas Plantillas el Selector de POST TITLE es .post-title pero si no lo puedes encontrar o si el selector no estuviera disponible entonces deberas encontrar el selector exacto o igual ejemplo el selector que machea con la class o ID definido en las etiquetas de div ! 
Chequea Articulo Como Hacer Menu Iluminado con Css
 
Que sucede : Realmente  este truco anadira un color gris al borde de todos los titulos de articulos de un 1 pixel de ancho ,esto hace que tu blog brille le doy 5 estrellas de elegancia y estilo a tu plantilla.Que lo disfrutes!
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario