Imagina y crea tu mismo Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

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

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 recursos blog tutoriales

Como programar post en blogger

Buenos días!!! Hoy os traigo un tutorial que os va a resultar super útil, os voy a enseñar como programar las entradas en blogger. * Lo primero que tenéis que haces es entrar en vuestro perfil ( podéis hacerlo pinchando aquí ) y seleccionar el blog donde queréis hacer la entrada. Vamos! lo que hacéis habitualmente ;) y se nos abrirá una pagina como esta. * Ahora pinchamos en "Entradas", ...

internet blog básico ...

Como añadir bordes en Blogger

Hoy quiero compartir contigo un tutorial de esos básicos pero que tendríamos que tener siempre a mano: Cómo añadir bordes en Blogger. Como siempre, vamos a trabajar sobre la plantilla simple / sencilla de Blogger, que es la más fácil de personalizar. Añadir Bordes en Blogger 1.- Añadir un borde a todo el blog: Entramos en Plantilla >> Editar HTML. Pinchamos en cualquier zona dentro del códi ...

general desde0

¿Qué son las CSS?, ¿qué es el HTML?, ¿para qué sirve el Javascript?

Conceptos previos para los no iniciados en informática o programación. Muchas veces has escuchado cierta terminología de programación web que cuando llega a tus oídos inmediatamente despierta una curiosidad por "qué es" o "cómo funcionará" eso que han dicho y tantas veces he oído. A continuación repasamos sin entrar en profundos detalles técnicos y buscando facilitar la compres ...

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

avanzado BLOG blogging ...

Cómo instalar un slider de imágenes en blogger

Esta semana he recibido un correo con esta duda: ¿Cómo instalar un slider de imágenes debajo del cabecero en blogger? Y no es la primera vez que me preguntan por el mismo tema. Este tipo de correos no puedo contestarlos uno a uno, prefiero anotar las dudas y cuándo se repiten mucho, desarrollar un tutorial en el blog, para que pueda verlo todo el mundo. Si me conoces un poco, ya sabes que no soy m ...

Blogging PLANTILLAS BLOGGER DIY ...

Como optimizar una URL en blogger

En el post anterior hice un listado de tics para ser un mejor blogger y hice notar algunos errores que solemos cometer a lo largo del camino Bloguero. Hablamos también en el post Recicla tus post de la importancia de optimizar las URL pero no hablamos de como hacerla. En la tarea de ir reciclando los post antiguos y volverlos a sacar a la luz e visto las ventajas que podemos sacar al hacerlo pero ...

internet blog blogger para dummies ...

Tutorial Blogger Dummies: La Plantilla HTML

Para no tener ni idea de cómo hacer un blog de blogger cuando empezamos esta serie de tutoriales, tu blog no está nada mal ¿no crees? Limpio, profesional, cuidado... si has seguido todos los pasos que hemos ido viendo, puedes estar muy satisfecha del trabajo y horas invertidas en poner tu blog bien bonito tu sola. Puedes repasar lo que llevamos visto aquí: VISTO HASTA AHORA: Presentación. Tu Idea. ...