comunidades

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

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

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

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

general social

Cómo poner botones para que te sigan en las redes sociales en Blogger

Poner botones para redes sociales con los que tus usuarios puedan seguirte te ayudará a incrementar la presencia de tus contenidos en Internet. Si bien muchas veces preferimos utilizar botones al final de nuestra entradas para que nuestros usuarios compartan si lo desean nuestras entradas, es importante también que puedan seguirnos por las redes sociales si así lo desean. Qué mejor sitio para que ...

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

general tutoriales tips

Como crear Twitter Cards para Blogger.

Twitter nos da muy pocos caracteres para formar un Tweet, para mi eso no basta para mostrar la información que quiero compartir, existe la posibilidad de añadir una imagen por cada Tweet compartido, pero soy honesta, ya lo dije el otro dia, me gustan las cosas fáciles y rápidas y con esta posibilidad de compartir mis post con "tarjetas" y automáticamente agregar una imagen, una pequeña d ...

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

Plantillas de wordpress Tips Uncategorized ...

Como ocultar el título principal de una entrada en wordpress

A menudo te encuentras con la necesidad de eliminar elementos por motivos de diseño o SEO, uno de ellos es el título o la cabecera de los post en algunas plantillas. Hay temas que nos vuelven locos con el titular de la noticia y decidimos quitarlo porque o bien ocupa mucho, aparece en medio de las imágenes de forma impertinente o no queremos que figure repetido dentro del post. Existen dos maneras ...