¿Como centrar los widgets en blogger?



Hola, hola!

Bonita y bendecida semana, este mes me propuse hacerle un cambio de look al blog,básicamente tunearlo pero yo sólita, nuevas tipografías, paletas , fondos y mas...


Pero me tope con un inconveniente y al parecer no soy la única, anteriormente me proporcionaron un codigo CSS para centrar los Widgets, yo supuse que todos, toditos los widgets se centrarían, así como el titulo de cada uno de ellos se centraría en mi barra lateral para que se viera mas bonito, pero o sorpresa esto no fue así solo algunos de ellos se centraron, y widgets como:

*Entradas popuares*Archivos del blog

*Etiquetas

*GFC

Que son nativos de blogger no me facilitaban esta modificación y otros que se conforman de códigos HTML como el de Newsletter que aprendí a colocar en Creative Mindly no me pemitia centrar con el CSS que ya teníamos antes el contenido si se centraba pero el bendito titulo NO.



Me vi en la necesidad de investigar y pedir ayuda y gracias al cielo lo logramos simplemente tenemos que...

1. Ir a plantilla.

2. Editar HTML y como vamos a trastear un poquito nunca esta de mas descargarse una copia de seguridad del blog.



3. Localizamos la etiqueta b:skin si no la ubicamos pulsamos Ctrl+f para poder encontrarla con el buscador que se nos despliega. Hecho esto podemos observara lago como lo siguiente y justo ahi en donde tenemos ... damos clic.



4. Buscamos este apartado Widgets, ubicamos la ultima linea de código que en mi caso es esta llavesita } y justo debajo vamos a colocar el siguiente código:

.sidebar .widget {

text-align: center;

margin:0 0 1.7em;

padding:0;

}



Guardamos disposición y si todo a salido bien todos y cada uno de los títulos de tus Widgets estarán centraditos, hay veces que siento que no me explico muy bien asi que si tienes una duda respecto al tutorial no dudes en dejármela por aquí y en cuanto pueda la resolvemos junto.

sin mas por hoy me despido un besito grande, grande y nos leemos luego...



Fuente: este post proviene de Imagina y crea tu mismo, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Carteles con frases bonitas

¡Muy buenas a todos!, hoy estoy muy ilusionada con este post ya que marca el regreso de los artículos semanales al blog, que durante tres meses se mantuvo pausado debido a diversos contratiempos que s ...

Mensaje navideño + regalito.

Hola, hola Hace ya un tiempo que no me paso por aquí, pero aunque una quiera es imposible entre la escuela y que esto y que lo otro, no se puede abarcar todo verdad, pero no podía dejar pasar una fech ...

Recomendamos

Relacionado

general blogger personalizacion de blogs ...

¿Como centrar títulos de los post y fecha?

Holis!! Después de una ajetreada semana de estudio por fin llega la calma y con ello un tutorial imprescindible que no te debe faltar para poner chulo tu blog. No se yo pienso que le da un aspecto diferente por mas sencillo que esto sea. Vamos a centrar el titulo y la fecha de nuestros posts de la manera mas sencilla posible... por defecto aunque una personalice tipo de letra y color esta es la ap ...

Cómo personalizar el contador de visitas blogger

Señoras y señores... ¡otro post que tenía preparado y para no echarlo a perder! Os lo contaba el lunes, y este os otro que tenía, pero ya no tengo más... :( Tenía uno de la técnica Pomodoro, pero no tengo ni dos párrafos, así que tendría que escribirlo de cero como quien dice jaja, y luego otro sobre 10 razones por las que aprender html y css, que si queréis, lo publico, decírmelo en los comentari ...

general blogger tutorial blogger

Como crear y centrar pestañas en blogger

Hola,hola!! Bendecido inicio de semana para todos, como bien lo dice el titulo del post en esta ocacion vamos a aprender a crear pestañas o paginas en blogger, esto a petición de algunas si no es que la mayoría de las lectoras del blog me lo han preguntado. Primero que nada te cuento que las paginas en blogger se crean de la misma manera que un post ya que contiene las mismas herramientas que el a ...

Programacion css programacion ...

Programar una página web con HTML5 y CSS

¿Creamos una página web con HTML y CSS y que sea chula?, que mole, que entres y digas… Dios es la página de las páginas. Cómo programar una web en html5 y css Pues ya vimos cómo podemos crear nuestra web con HTML5 y CSS, pero si es cierto que aunque bonita le falta ese punto de dinamismo, ese movimiento en la página que le haga estar viva. Crear un dinamismo con CSS Pues sí querido lector (c ...

Actualidad Recursos y Herramientas Blogger ...

RGPD: Adaptar el formulario de contactos para los blogs alojados en Blogger

Todavía volviéndome loca  con el tema de adaptar los blogs gratuitos alojados en Blogger o WordPress.com, mas o menos este lo he realizado, con muuuuucha lectura y tratando de analizar los datos que yo sí puedo adecuar y son mi propia responsabilidad. El problema que me he encontrado con los blogs gratuitos es que ninguna de las dos plataformas más usadas han hecho los cambios a tiempo y los usuar ...

ayuda blog

Como poner una plantilla a tu blog

Buenos días. Como ya habéis podido comprobar he cambiado la apariencia de mi blog. He pagado por ello? No he pagado nada de nada simplemente he ido a una página que tienes plantillas para blog y después de mirar me descargue dos plantillas y al final me decidí por esta que veis en mi blog al final de la página os dejo imagen. Formato antiguo. Aunque la portada que tenía no se ve pero es que no ten ...

Mejorar el blog

Como agregar un Tablero de Pinterest en una Publicación de Blogger

Hoy les explicaré como compartir un Tablero de Pinterest en publicaciones de Blogger, algo muy útil cuando se trata de compartir o mostrar ideas e inspiración Previamente debemos contar con una cuenta en Pinterest y haber iniciado sesión, vamos: 1. Creamos un Tablero en Pinterest y copiamos su link 2. Abrimos la liga Developers Pinterest y damos clic en Tools / Herramientas 3. Seleccionamos Ta ...

desde0

Cómo crear un menú con submenús en Blogger sin tener experiencia en informática o programación

Crear un menú en cualquier Blog es algo fundamental para organizar nuestros contenidos de manera que podamos presentarlos a nuestros usuarios de una manera estructurada y sencilla. Hemos tratado con anterioridad cómo crear un menú sencillo en Blogger sin tener ninguna experiencia en programación, con simples opciones que agrupan entradas bajo las etiquetas de tu Blog y que se puede poner con suma ...

guías y tutoriales informática como quitar ocultar eliminar titulos entradas de todo el blog ...

Tutorial Blogger: Cómo ocultar los Títulos de las entradas en todo el blog

Hey Blogger...... o futura Blogger Bienvenid@ a mi primer tutorial Blogger ,para la que os estáis preguntando porque un tutorial diy de blogger ahí va mi decisión: Previamente hice un pequeño cuestionario en mi Fan Page de Facebook y a mis + de 400 selectos suscriptores y la respuesta fue sorprendente y positiva porque la gran mayoría o tiene blog o le gustaría tenerlo. Puesto que mi blog trata de ...

general tutoriales

Como insertar una Firma en Blogger sin tocar HTML

Hola y feliz miércoles, si ya casi viernes y por fin ya casi llegan las vacaciones bien merecidas, mañana es la graduación de mi hija kiki, estoy feliz y orgullosa de ella, ya pronto comienza una nueva etapa de su vida y solo le pido a Dios, que este con ella y la cuide en todo momento, huy que felicidad estoy que no me puedo controlar, mis hijos están creciendo. Bueno vamos a lo de hoy, hace unos ...