Centrar en la sidebar el titulo y contenido de los gadget

Hoy vamos a ver y aprender como centrar el titulo y contenido de los gadget en el blog paulina en el foro de google preguntaba como hacerlo en algunos sitios dicen de una manera u otra como hacerlo.bueno yo les voy a explicar como hacerlo es bien sencillo.



lo primero que vamos a hacer es ir a .




Diseño>edición HTML>expandimos artilugios


Si quieres para una búsqueda mas rápida usa Ctrl+F y buscamos .sidebar h2
si lo tienes debe de ser algo como este:

.sidebar h2{color:#D9DCB0;background:#2C2C28;font-size:14px;line-height:14px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin:0 -10px 5px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}

Al tener ese codigo nada mas nos hace falta añadirle text-align: center; no tiene que ser exactamente igual puede cambiar en muchas cosas es nada mas para que tengan una nocion de lo que puede tener .sidebar h2 y al añadir  text-align: center; nos quedaría así:

.sidebar h2{color:#D9DCB0;background:#2C2C28;text-align: center;font-size:14px;line-height:14px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin:0 -10px 5px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}

Bueno en caso de no encontrar .sidebar h2 entonces nos dirigimos a
Buscar la etiqueta ]]></b:skin> y encima añadimos este codigo:

.sidebar h2{color:#D9DCB0;background:#2C2C28;text-align: center;font-size:14px;line-height:14px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin:0 -10px 5px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}

Recuerda que los colores los debes de cambiar a sus gustos eso los puse para ejemplo al igual que el tipo de letra y tamaño
Hacemos vista previa para ver el resultado y si te gusto como quedo entonces click en guardar plantilla.

Bueno es todo recuerden que compartir y comentar no cuesta nada si pueden y creen que esta información es útil denle click a los botoncitos en los que quieran compartir de facebook,twitter,google+ y bitacoras y así otros que también necesitan el código lo podrán ver muchas gracias.



Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

3 comentarios:

  1. Que buen padina tienes amigo buen aporte nos vemos !!!
    loscomo.blogspot.com

    ResponderEliminar
  2. Hola Casanova gracias por tu visita y comentario que bien que te haiga parecido bueno,aquí nos vemos.saludos :-[

    ResponderEliminar
  3. Este comentario ha sido eliminado por el autor.

    ResponderEliminar