Una pregunta muy común es cómo alinear elementos o gadgets del blog, ya sea centrarlos o alinearlos hacia un lado específico.
En la mayoría de las plantillas tanto los textos como los elementos se alinean automáticamente hacia la izquierda, pero esto no significa que no podamos cambiar su posición.
Para alinear los elementos (imágenes, videos, contenedores, etc) vamos a encerrar el código de cada uno entre un contenedor div y ahí usaremos la propiedad align para alinearlos hacia el lugar deseado.
Centrar


<div align="center">
Aquí va lo que se quiere centrar
</div>
A la izquierda


<div align="left">
Aquí va lo que se quiere a la izquierda
</div>
A la derecha


<div align="right">
Aquí va lo que se quiere a la derecha
</div>
Sólo se agrega donde se indica, el código del elemento que queremos alinear, ya sea algo que esté dentro de una entrada o un gadget de la sidebar.
Heeeee potro muy bueno este post.
ResponderEliminarSaludos!
Graciaas!! me sera muy util ;)
ResponderEliminarSaludos!
Genial!
ResponderEliminarGenial!
Gracia a ustedes, ojalá les pueda servir al momento de personalizar la plantilla.
ResponderEliminarSaludos.
Muy bueno.
ResponderEliminarRespecto a lo de las imagenes que se arrastran.
No se si asi se entienda:
Recuerdas que en Office 2003 aparecia un muñeco en el lado superior izquierdo, que te decia si querias guardar el documento, es mas o menos asi, pero que este diga que hay un nuevo post en mi blog, como un feed.
Saludos.
Uhhhhhh...como habré renegado con esto!! Excelente aporte bro!
ResponderEliminarUn abrazo!!!!
Esto es una de las opciones que más usamos al crear un post con alguna imagen, pero muchos no nos damos cuenta de la codificación que esto tiene ya que usamos los simples botones, pero no siempre tenemos botones, por ejemplo, en los gadget html. Un saludo
ResponderEliminarEl Venado, ummm, pues no sé si usando el feed y una imagen se pueda, habría que hacer las pruebas para ver qué tal. Saludos.
ResponderEliminarbrother, no eres el único, es muy común que a varios no haya dado dolores de cabeza. Un abrazo!
Ascesino96, cierto, en la sidebar o cualquier otro gadget tendremos que recurrir a escribir el código tal cual. Saludos.
Muy bien potro
ResponderEliminarhasta que lo colocas
por que fastidia de vez en cuando el estar buscando gracias
POTRO
Ahora podrás memorizarlo, en sí está muy sencillo el código.
ResponderEliminarSaludos.
Perfecto.
ResponderEliminar¿Es posible alinear por pixeles modificando este código?
Mil gracias.
Tu ayuda es de verdad invaluable.
Claro ABRIL, puedes usar la propiedad margin para mover el elemento hacia la derecha o hacia la izquierda:
ResponderEliminar<div style="margin-left:30px;">
Aquí lo que se quiere alinear
</div>
Sólo modifica los pixeles del margin-left, a mayor número que pongas, más hacia la derecha se acomodará.
Saludos.
Hola Potro
ResponderEliminarHoy no voy a preguntar nada.
Sólo quiero agradecerte por tu buena disposición y tu gran amabilidad.
Que la pases rebien este resto de año y mucho mejor en el 2010.
Ya te seguiré molestando de a poco el próximo año.
Mil gracias por todo!!!
Muchísimas gracias ABRIL, que también tengas un excelente año este que viene y todos los próximos.
ResponderEliminarSerá un placer leerte por aquí.
Saludos!
Como siempre utilísimo el tutorial. Gracias.
ResponderEliminarQue tengas unas Felices Navidades y que se cumplan todos tus deseos para el 2010.
Un abrazo, Asun y Ricardo
Muchas gracias Ricardo, mis mejores deseos para ustedes en esta Navidad y que el próximo año esté lleno de bendiciones para ustedes y los suyos.
ResponderEliminarAbrazos!
Hola. Solo una consulta: Con el editor anterior de entradas de blogger podía alinear fácilmente las imágenes(dentro del modo redactar) de manera que quedaran una al lado de la otra (principalmente presentándolas en "tamaño pequeño"). Solo había que seleccionar "ninguna", en cuanto al tipo de alineación de la imagen al subirla. Pero el "Editor actualizado" solo permite las opciones izq., derecha y centrada.
ResponderEliminarTengo muchos problemas con el nuevo editor para alinear una imagen al lado de otra(como una tira, en una misma línea)en las entradas; y cuando paso del editor nuevo al antiguo, se me desconfiguran y desalinean las imágenes que ya tengo posteadas en mi entrada, sin nisiquiera haber empezado a trabajarlas. Qué me recomiendas?
Hola Vicky,
ResponderEliminarNo entiendo bien. Si las imágenes ya están publicadas no deberían alterarse al cambiar el editor, es decir, ya tienen un código HTML definido y a menos que lo edites no debería modificarse.
Por otra parte, para poner una imagen en línea (una de tras de otra) se puede seguir haciendo con ese editor, sólo usas "centrar" y sin usar saltos de línea (es decir, sin presionar ENTER) subes una y luego otra. De este modo deberán quedar una seguida de otra (en línea).
Saludos.
hola, mi duda es si se puede centrar el titulo del gadget porque solo puedo hacerlo en el elemento de imagen
ResponderEliminarHola Antonio F. Lara,
ResponderEliminarPara centrar los títulos de los gadgets busca esta parte:
.sidebar h2 {
Abajo de eso agrega esto:
text-align: center;
Saludos.
Hola, El Potro. No sabía que así como tú dices (con alineación centrada, sin salto de línea) las imágenes se podían alinear una tras otra, en una misma línea, en una tira. Ya lo probé y sí me resultó. Algo tan simple y yo no lo sabía (¡qué cosas de la vida!). Como dicen, cada día se aprende algo nuevo. Muchas gracias y saludos.
ResponderEliminarGracias a ti por tu visita.
ResponderEliminarSaludos!
hey potro buen codigo me sirvio mucho muchas gracias.
ResponderEliminarQué bueno que te fue útil ;)
ResponderEliminarHolaaa,
ResponderEliminary se puede aliear solo el titulo de los Gadgets o de algunos gadgets? eso... Saludos y espero respuesta ;)
Hay una parte en la plantilla que dice:
ResponderEliminar#sidebar h2 {
Ahí en esos atributos se puede cambiar la alineación de los títulos de los gadgets.
Saludos.
hola Potro! tengo una pregunta! habra un truco para poder ir leyendo las entradas del blog ir bajando y que las colunmas laterales no se muevan y se queden fijas para que cuando vayan bajando x ejemplo si el post es algo largo se pueda apreciar a los costados las barras y no se oculten cuando bajen... espero dejame entender! me avisas! gracias
ResponderEliminarSaluos
Puedes poner la sidebar de forma "flotante" para que no se mueva cuando se baje la página.
ResponderEliminarPara hacerlo busca esta parte:
#colRight {
width:240px;
float:left;
padding-left:3px;
position:relative;
Cambia lo que está en negrita por fixed luego agrega debajo esto:
left:40px;
Si queda muy separado o pegado cambia el valor de left por otro hasta que se ajuste.
Saludos.
Hola ; muy buenas:
ResponderEliminarhe insertado varias imagenes en una entrada, quedan todas perfectamente alineadas en vertical, pero separadas por una franja blanca, hay alguna forma de eliminar esta franja y que las imagenes queden seguidas completamente.
de nuevo te felicito por tu ayuda. Un saludo.
Hola Santi Amaro,
ResponderEliminarDespués del div agrega esto:
style="padding:0px;margin:0px;"
Saludos.
Hola Potro!
ResponderEliminarno sé muy bien donde pegarlo, en la edición de entradas o en edición de htlm? podrías indicarmelo con más precisión?
no sé lo que es el div.
Gracias y un saludo.
Eso depende, si lo que quieres alinear está dentro de la entrada pues entonces se pone ahí, si quieres alinear el contenido de un elemento HTML/Javascript entonces se pone en el gadget.
ResponderEliminarSaludos.
saludos potro
ResponderEliminarme gustaria saber como puedes poner 4 imagenes en la sidebar y cada una con enlaces independientes, por ejemplo en el tuyo, el primero recuadro hay 4 imagenes formando un cuadrado
gracias de antemano.
Mira esta entrada, ahí está la explicación.
ResponderEliminarSaludos.
muchas gracias por el dato potro
ResponderEliminarsaludos
http://todoespoker.blogspot.com
Potro como podria alinear al centro el buscador de google que se encuentra en mi blog, no hago moverlo de donde esta :\
ResponderEliminarDebería alinearse del mismo modo, ¿en cuál blog y dónde está el buscador?
ResponderEliminaren mi blog http://myestilodeyo.blogspot.com y el buscador entrando se ve :D pero como lo personalize a mi manera no parece de google.
ResponderEliminarPodrías poner antes de ]]></b:skin> esto:
ResponderEliminar#CustomSearch1 {
float:right;
}
Potro en el comentario 28, me explicabas como poner un sidebar flotante, pero si yo deseo poner el que elijo como por ejemplo Seguidores deseo que se quede flotando cada vez q baje leyendo el post! como lo hago? gracias
ResponderEliminarNo sé si funcione, pero puedes tratar poniendo antes de ]]></b:skin> esto:
ResponderEliminar#Followers1 {position:fixed; bottom:0; right:0;}
pucha Potro no me funcionó, gracias"""
ResponderEliminarHola ElPotro. ¿Me podrias ayudar a ver en dónde tengo que poner los códigos?
ResponderEliminarMi blog es http://elcafse.blogspot.com, y el gadget que quiero alinear es el de la descripción que está debajo de la cabecera.
Pues yo lo veo centrado, no sé cómo quieres alinearlo o.O
ResponderEliminarHola Potro!!
ResponderEliminarlos códigos que mencionas también sirven para alinear las fotos de Flickr (gadget)
por defecto aparecen alineados al centro, me gustaría que estuviera alineado a la izquierda
gracias!!!!
Hola tengo una pregunta para ver si por favor me la puedes responder, yo tengo este blogger http://luchaanime.tk/ y quisiera saber como acomodar el gadget de paginas para que no se salga de las lineas zapotes de los lados, gracias.
ResponderEliminarHola Genio! Me decís cómo hago para alinear los otones de Twitter y Facebook? Fijate en mi blog, luego borra el link, solo lo dejo para que veas el ejemplo:
ResponderEliminarhttp://amelioluna.blogspot.com/2010/09/acuerdo-elisa-carrio-patricia-bullrich.html
¿Ves? Me quedan uno al lado del otro pero desalineados. ¿Cómo lo corrijo? Desde ya muy agradecido.
Paulina Teresona, claro, también debe servir para cualquier foto sin importar dónde esté alojada.
ResponderEliminarSirius, te la voy a deber, sobre las plantillas nuevas no sé prácticamente nada :S
Hola Todos Garcas,
ResponderEliminarCuando se trata de scripts es poco lo que se puede hacer. Ahí lo que podrías hacer es encerrar uno de esos códigos, por ejemplo el de Facebook quedaría así:
<div style="margin-top:-15px;">
...aquí el código del gadget...
</div>
Con eso estás determinando que tendrá un margen superior de -15px y podría subirse un poco.
Prueba con eso, con suerte funciona.
Como se podría centrar el titulo del blog
ResponderEliminarGracias
Debajo de .Header h1 { se agrega:
ResponderEliminartext-align: center;
muchas gracias
ResponderEliminarhola una consulta como divido un gadget en tres o mas gadget y que estos esten arriba de las entradas y abajo de la cabecera?
ResponderEliminarSin expandir artilugios, antes del </div> del header pega esto:
ResponderEliminar<div id='col-1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='cols' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='col-2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='cols' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='col-3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='cols' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
HOLA POTRIÑO:D ESTUVE LEYENDO LOS COMENTARIOS E INTENTE hacer lo que le respondiste a TODOS GARCAS con el gadget del FACEBOOK y no lo toma .. div style="margin-top:-15px;"
ResponderEliminar...aquí el código del gadget...
</div en margin lo borre todo y le puse rigt sin el -15
que sera???
Muchas veces los scripts no responden a las especificaciones de CSS, este podría ser también el caso :/
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarSolucionado! La respuesta la diste en este mismo hilo pero al revés, haciendo un margen de -15px. Siempre de gran ayuda tus posts y tus comentarios!
ResponderEliminarSaludos!
potro nuevamente con una duda: inserte el "el gadget de seguidores" pero aquel que se genera insertando el codigo en un elemento html, (es aquel que tiene por defecto un fondo del iphone) lo puse de lado derecho del blog.
ResponderEliminarMI PROBLEMA ES QUE CUANDO CARGA LA PAGINA CARGA PRIMERO EL SIDEBAR Y LUEGO EL CUERPO DE LA ENTRADA... ESE NO ES EL PROBLEMA EL PROBLEMA ES QUE AL CARGASE EL BLOG EL SILDEBAR APARECE ALINEADO A LA IZQUIERDA, y ya cuando carga el cuerpo de la entra regresa el sildebar a el lado derecho. esto se nota cuando la carga del blog es lento.. como hacer para que no ocurra? este es mi blog: NuclearComic.com
Pues lo he cargado 6 veces y las 6 veces cargó rápido por lo que no pude ver el problema. La mejor opción es que pongas el gadget de seguidores al final, al ser un gadget de carga lenta se recomienda que cargue al final para que no afecte a los demás elementos.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola de nuevo, Potro:
ResponderEliminarSobre alineación es que quería consultarte, pero no tiene nada que ver con lo posteado o que te hayan consultado otros bloggers. Me explico.
Tuve que volver a instalar la imagen de la cabecera del blog pues la tenía alojada en el antiguo googlepages, que como ya sabrás, dejó de funcionar hace tiempo pero a mi se me olvidó trasladar a otro sitio y claro, recien me dí cuenta que la imagen ya dejó de aparecer. Todo ha ido bien, excepto que al volverla a colocar, ahora hay mucha separación entre ésta y las entradas publicadas, incluidas las sidebars, con lo que la estética no me gusta mucho. ¿ Tiene arreglo? ¿Cómo podria solucionarlo?
Te agradezco de antemano la ayuda que me brindes.
P.D: Perdona, eliminé la pregunta que te hice anteriormente sin querer.
Potro, lo conseguí!
ResponderEliminarYa conseguí colocar la imagen de la cabecera en su sitio. Sólo era cuestión de copiar dos líneas de código!!!
Aaaaahhh, qué aliviada me siento, jajajajaj.
Perdona la molestia.
Hola
ResponderEliminarComo centro el titulo del gadget?
No encuento #sidebar h2{ en la plantilla
es en "expandir artilugios" ?
Dime en donde es please????
Si es posible has un post sobre esto
Saludos
ESNAPRI, que bueno que ya lo has resuelto, y no es ninguna molestia ;)
ResponderEliminarEmypedia, pues yo los veo centrados, supongo que ya lo has resuelto.
Si potro, ya lo resolvi, gracias ;)
ResponderEliminarHola
ResponderEliminarHe incorporado algunos anuncios de Adsense en mi blog sin embargo, los
anuncios no quedan "centrados" en el gadget disponible para aquello.
Esto tanto para el gadget de Adsense como el de código HTML. ¿Es
posible centrar los anuncios sin que esto afecte el código?.
hoalq eu tal amigo he leido y ceo que eres un experto en esto bueno yo estoy iniciandome pero pues algunas cosas son complicadas pero hay voy te agradeceria toda la ayuda que me puedas brindar mi blog es http://importccdv.blogspot.com/ quisiera acomodarlo para hacerlo mas de negocio, quisiera saber si estos gadgets de publicidad si me generan dinero soy de venezuelagracias de verdad
ResponderEliminarmuchas de las cosas que tengo en mi blog las saque de este espacio gracias por lo compartido, no es muy bueno mi blog pero estoy aprendiendo de echo quisiera aventurarme por una pagina web.
ResponderEliminarHola cevv22,
ResponderEliminarSi el código del anuncio está dentro de un elemento HTML/Javascript puedes centrar el anuncio como se indica en la entrada.
Con Adsense sí puedes generar dinero pero mucho está en función de cuántas visitas tengas, de qué tan optimizado esté tu blog, de las palabras claves que uses en tus entradas, etc.
Saludos.
hola potro!
ResponderEliminary si quiero alinear a la izquierda y otro elemento a la derecha en el mismo gadget como lo hago?
Si es dentro de un elemento HTML/Javascript entonces sólo el primer elemento enciérralo con el código para alinearlo a la izquierda, y luego el otro lo encierras con otro código para alinearlo a la derecha.
ResponderEliminarsi eso lo he hecho pero tienen que estar los dos elementos en el mismo gadget y a la misma altura
ResponderEliminarno se si me explico... :(
aprovecho para decirte que el blog es estupendo! :=)
Parece que no he entendido muy bien, ¿en cuál blog es y cuáles son los elementos que quieres alinear?
ResponderEliminarQué bueno que el blog es de tu agrado :)
Estimado Gran Potro, primero que nada debo darte las gracias porque muchos de tus conocimientos me han permitido hacer de lo que era un hobby ahora y desde hace un par de años un oficio. Mi consulta es, tengo este blog http://www.miempresa04.blogspot.com/
ResponderEliminarA pesar de tratar, no tengo muy claro como definir la posicion especifica de una imagen, dentro de una entrada, en la hoja inicial hay un cubito negro que lo posicione a razon de tecleos de la barra espaciadora y del enter, no a traves de cogigo, necesito poder definir o variar tanto la posicion horizontal como la vertical pero con codigo html, en la segunda hoja de este blog tengo 4 fotos pero me piden que las coloque horizontalmente y verticalmente en posiciones especificas, como dandole las coordenadas a cada una de ellas, para acercarlas entre ellas, ahora solo estan alineadas unas a la izquierda y otras a la derecha, unas en el inicio de la entrada y otras hasta el fondo, ojala me puedas ayudar, de antemano muchas gracias, saludos desde Concepción, Chile.
Hola Marco Antonio,
ResponderEliminarQué grato es saber que el contenido que se comparte en este blog te ha sido útil para desarrollarte en tu oficio.
La manera para darle una posición específica a una imagen o cualquier elemento es agregando márgenes que establezcan la posición del objeto. Por ejemplo:
<div style="margin-left:100px; margin-top:50px;">
<img src="URL de la imagen" />
</div>
Ahí la imagen tendrá un margen izquierdo de 100px, o sea que estará 100px alejada del lado izquierdo y 50px alejada del lado superior.
Lo mismo puede hacerse de lado derecho y/o de abajo:
<div style="margin-right:200px; margin-bottom:150px;">
<img src="URL de la imagen" />
</div>
Ahí la imagen estará 200px alejada del lado derecho y 150px alejada del lado inferior del blog.
Saludos hasta Chile!
Muchisimas, pero muchismas gracias por la pronta respuesta, a pesar de llevar mas de 15 años navegando, Internet no deja de sorprenderme todos los dias.
ResponderEliminarEs impresionante el conocimiento que tienes del codigo Html y de la estructura de Blogger.
Tengo muchas otras dudas que consultarte pero ire de a poco, aunque se que tus repuestas le sirven a muchos como yo.
Tengo una consulta mas si es posible, es la siguiente, como puedo dejar fijo el tamaño de una hoja de entrada o pagina estatica, para que a pesar de que tenga pocos, muchos o ningun elemento, se muestre de un tamaño fijo de largo, para que al pasar entre varias hojas vaya variando el contenido pero no el tamaño de la hoja o entrada donde esta este contenido y sin tener que aplicar un monton de tecleos de ENTER. Para ser mas grafico es para que no pase lo que sucede cuando pasamos de la pagina:
http://miempresa04.blogspot.com/2010/11/blog-post_06.html
a la pagina:
http://miempresa04.blogspot.com/2010/11/blog-post_3505.html
Que el cuadrado interior donde estan las cuatro fotos no se transforme en el rectangulo donde estas las 3 fotos de la nueva entrada.
Esa es mi consulta.
Te vuelvo a dar las gracias, tengo 3 hijos, y gracias a personas como tu, puedo vivir de lo que me gusta hacer, que estes muy bien.
Eso es un poco más complicado cuando se trata de blogs.
ResponderEliminarEn los sitios Web tradicionales no hay tanto lío pero en los blogs hay una serie de códigos y elementos que el blog debe leer y mostrar y deja de respetar esas medidas del largo.
Lo único que se puede hacer es establecer una altura mínima que se verá reflejado sólo en las entradas. Esto es que aun cuando la entrada tenga muy pocos elementos muestre una altura mínima determinada.
Las plantillas de Arister no las conozco y no podría ayudarte mucho, pero me supongo que puedes poner debajo de #art-main { esto:
min-height: 1800px !important;
Eso hace que la altura mínima de la página será de 1800px aun cuando no haya nada ahí o cuando lo que haya sea poco.
Saludos!
perdona por tardar
ResponderEliminares este: http://del40al1edicionfavoritos.blogspot.com/
y querria alinear el slide y al lado un video
pero los dos en la misma altura o linea
En esos casos es mejor usar una tabla HTML y en una celda meter un elemento y en la otra el otro elemento.
ResponderEliminarDe esa forma será más sencillo que queden alineados.
Muchas gracias por la respuesta tan pronta, este fin de semana me voy a dedicar a todas las modiicaciones aprendidas, Saludos desde Chile.
ResponderEliminarvale gracias! lo intentare si hay algun problema te cuento!
ResponderEliminarHola estimado Potro, te consulto nuevamente, una amiga me pidio el siguiente blog:
ResponderEliminarwww.biodanzavinadelmar.cl
El fondo general del blog es rosado y eso hay que dejarlo asi.
El fondo de la unica entrada de la PAGINA PRINCIPAL es blanco y tambien hay que dejarlo asi.
Pero me pide si le puedo poner otro color de fondo de la entrada a las hojas estaticas, ella quiere todas las hojas estaticas con fondo verde manzana pero que se mantenga el fondo rosado general del blog y que la pagina principal mantenga el fondo blanco como fondo de la entrada, se podra hacer eso,
Muchas gracias de antemano, Saludos desde Concepcion, Chile.
Hola Marco Antonio,
ResponderEliminarSi fuera una plantilla tradicional sabría cómo ayudarte, pero desconozco la estructura de las plantillas hechas con Aristeer :/
Muchas Gracias Potro de todos modos, que pena lo de Rosa, al igual que tu, muchos blogs de mucha gente llevan sus conocimientos.
ResponderEliminarHola Potro soy nueva en esto y no comprendo bien, quisiera que me ayudes, en que parte de la plantilla htlm debo colocar el div para alinear los gadgets que tengo hacia la derecha? Apenas estoy comenzando mi blog. Gracias
ResponderEliminarhttp://politikenvenezuela.blogspot.com/
Hola Zoryham,
ResponderEliminarSi se trata de un elemento HTML/Javascript entonces lo que tengas dentro de él es lo que vas a encerrar en esos códigos que se explican.
Saludos.
Lo intento y me sale este error
ResponderEliminarEl artilugio con el ID Followers1 no se encuentra dentro de una sección (el elemento matriz real es: div.) Todos los artilugios deben estar en una sección.
Error 500
Hola de nuevo Zoryham,
ResponderEliminarEl gadget de Seguidores no es un elemento HTML/Javascript, esos se alinean de forma distinta, pero de hecho no es necesario hacerlo pues ya está alineado.
Te explico, el área donde has puesto tanto el gadget de seguidores como el de Archivo del blog es un área que ocupa todo ese espacio de abajo así que de igual forma cualquier gadget que agregues ahí ocupará todo ese espacio.
Quizá da la impresión de que estuviera muy a la izquierda pero eso es porque aún no tienes seguidores, cuando vayas teniendo seguidores verás que poco a poco se va a ir llenando el gadget y cubrirá todo desde la izquierda hasta la derecha del blog.
Saludos.
Hola! En mi blog tengo el gadget de estadísticas o páginas vistas y me gustaría centrarlo en la parte de abajo, ya que por defecto se coloca a la izquierda. Es eso posible? Gracias. Un saludo
ResponderEliminarSí es posible localizando el ID del gadget que quieres alinear. En este caso sería pegar antes de ]]></b:skin> lo siguiente:
ResponderEliminar#Stats1 {margin-left: 40px;}
Ese 40px puedes cambiarlo hasta que se ajuste a donde quieras que esté.
Saludos.
Al final lo he conseguido. Muchas gracias.
ResponderEliminarHola Potro, buenas tardes desde España. Siguiendo tus indicaciones he colocado el botón "me gusta" de facebook, pero aunque lo pongo para que se alinee a la derecha, me sale en el centro de la página. ¿Puedes ayudarme? Gracias anticipadas y enhorabuena por esta generosidad que derrochas a raudales.
ResponderEliminarPuedes verlo en http://serviratodos.blogspot.com/
Hola,
ResponderEliminarSí está alineado a la derecha, lo que sucede es que ese espacio que ves es el espacio del ancho del botón. Necesitas reducir el ancho del botón para que quede más pegado a la derecha.
Saludos!
Muchísimas gracias, Potro. Lo he modificado y queda perfecto. Suerte de contar con gente como tu. Un abrazo.
ResponderEliminarQué bueno que ha quedado como esperabas.
ResponderEliminarGracias por tu comentario :)
Hola yo queria centrar el titulo de los gadgets en mi blog. Busque #sidebar h2{ como vi en un comentario anterior pero no me aparece. Lo busque en edicion de HTML Es ay??
ResponderEliminarPuedes ponerlo debajo de:
ResponderEliminar.footer-inner .widget h2,
.sidebar .widget h2 {
O de:
h2 {
Mil gracias ya esta solucionado.
ResponderEliminarHola Amigo Potro soy Brandt de Todoberry Venezuela....queria preguntarte amigo como hago para que todas las imagenes que sean colocadas en las entradas o post, queden de un solo tamaño (en el caso de mi blog GRANDE), y queden alineadas en el centro del post o entrada?.....gracias nuevamente por tu blog que me ha sido mu util.....!!!!
ResponderEliminarSaludos men...!!!
Hola todoberry,
ResponderEliminarCuando subas las imágenes de tus entradas no lo hagas con la pestaña Redactar, cambia a la pestaña Edición de HTML y ahí haz click en el icono de la imagen para subir tus fotos. Ahí puedes seleccionar el tamaño grande y la alineación centrada; debajo del tamaño de la foto verás una opción que dice '¿Utilizar siempre este diseño?' marca esa casilla para que siempre que las subas desde la pestaña Edición de HTML tengas predeterminadas esas opciones que elegiste.
Saludos.
Gracias Mil Pana...!!!
ResponderEliminarHola Potro, cómo estás?
ResponderEliminarQuiero centrar la imagen que tengo en la cabecera del blog en lugar del título pero no encuentro manera.
Me ayudas?
Abrazo y gracias
Rodrigo
Hola Rodrigo,
ResponderEliminarEn las cabeceras es distinto, ahí tienes que encontrar en la parte CSS el contenedor de la cabecera y aplicar un text-align:center;
Si se te complica dime en cuál blog quieres hacerlo para echarle un vistazo y poder decirte.
Un abrazo!
Lista, gracias!
ResponderEliminarAbrazo!
Buenas Potro, te comento, no se por que ahora no me deja alinear los elemntos, lo que quiero es alinear el gadget de calificacion de la parte inferior de las entradas y no me deja...
ResponderEliminary otra cosilla... ¿como hago pra alinearlo tambien justo en medio, entre los botones de descargas, ver online y lo botones de compartir?, para que no quede tanto espacio vacio..
gracias y un saludo!
www.cineconclick.com
Hola moeone,
ResponderEliminarEse tipo de elementos son más difíciles de mover pues depende directo desde Blogger.
Lo único que se puede hacer es que localices el código de ese elemento y lo encierres así:
<div style="margin-left:100px;">
...Aquí el código del elemento...
</div>
Con ese margin-left:100px; lo moverás hacia el centro y puedes jugar con ese valor hasta que quede donde deseas.
Hola Potro: Verás tengo ahora una pantalla de 22" en lugar de una de 17" y veo el blog en (Chrome-Firefox y IE) mal:todo a la izq salvo el pie del blog que está centrado.
ResponderEliminarComo puedo ajustar para tenerlo todo centrarlo ?
Gracias nuevamente por tu ayuda
Hola Priamo,
ResponderEliminarDebajo de #outer-wrapper { agrega esto:
margin:0 auto;
Con eso deberá centrarse.
Saludos.
Hola Nuevamente Potro! He estado investigando previamente pero no encontre la solucion a mi problema, asiq ue Recurro a vos nuevamente: Quiero Alinear la cabecera de mi blog a la izquierda Bien pegada hacia el margen de la ventana, he visto otros blogs que la tiene asi. podras ayudarme? mi blog es:
ResponderEliminarhttp://peliculascienporcien.blogspot.com/
Hola Rubento,
ResponderEliminarMas que alineación las plantillas que tienen la cabecera así es por la estructura de la plantilla, no es que se pueda hacer en cualquier plantilla sino que se necesita que la planilla haya sido diseñada de esa forma.
Una de las maneras que se puede hacer simulando que la cabecera ocupa todo el ancho es poner en la imagen de fondo del blog la imagen de la cabecera, de esa forma parecería que la cabecera abarca todo el ancho pero la realidad es que sólo es una imagen del fondo del blog (body).
Gracias Potro, hice lo que dijiste para centrar y OK.Gracias.
ResponderEliminarTengo un par de cuestiones a raiz de los mismo (cambio de pantalla de 17 a 22"):
- Como puedo dejar la cabecera para que cubra la totalidad del ancho del blog??
-Idem para la imagen del footer
Una ultima pregunta: Sabes el motivo y si tiene solucion el que con Windons 7 en Firefox o Chrome se vea el tuyo y otros blogs todo pequeño y en IE se vea mucho más grande??
De nuevo muchas gracias
Hola Potro: He hecho lo que me dices y Ok:Gracias
ResponderEliminarMe quedan dos dudas: Como podria que la cabecera y la imagen del Pie del blog se ajustaran al ancho del blog??
Otra cuestion diferente de la que me gustaria tu opinion: Trabajo en la actualidad con W7 y observo que en los navegadires Chrome y Firefox se ve todo más pequeño de lo normal mientras que en IE se ve todo más grande ( para mi gusto mejor). Es esto normal o puedo verlo todo como IE?
Gracias como siempre.
Hola Priamo,
ResponderEliminarEso ya es mucho más complicado y casi imposible pues las plantillas que tienen la cabecera y footer de esa forma es porque así fueron diseñadas desde la estructura.
Lo otro que mencionas puede ser porque cada navegador tiene una forma diferente de mostrar el contenido, o bien, que en la configuración del navegador tengas establecido un zoom reducido o una fuente más pequeña.
Saludos.
De lo primero ya me lo temía y de lo segundo lo miraré.Muchas Gracias
ResponderEliminarHola Potro.
ResponderEliminarDándome una vuelta por mi blog, me he dado cuenta de que debería centrar el título de la barra de video "ARAGÓN EN LAS VENAS".
Después de trastear inútilmente el código y de leer los comentarios,no he encontrado la solución o se me ha pasado :)
Ya contarás.
Un saludo.
Hola Tapestryworkerman,
ResponderEliminarAntes de ]]></b:skin> agrega lo siguiente:
#VideoBar1 h2 {text-align: center;}
Con eso deberá centrarse el título del gadget.
Saludos.
Hola Potro.
ResponderEliminarHecho!. Como siempre, rápidez y eficacia. Gracias ;)
Y abusando de tu amabilidad (y fuera de lugar), te pediría que echaras un vistazo a mi blog, tengo dos reproductores de mp3 que sonaban uno en la principal y el otro en las entradas individuales, pues bien, el de la principal ha dejado de sonar mientras que el otro sigue funcionando.
He cambiado el gadget y reintroducido el código sin resultados, así que si sabes de solución milagrosa, me cuentas.
Un saludo.
¿Te refieres al reproductor que está al inicio de la sidebar? Porque ambos, tanto en la portada como en las entradas se escuchan perfectamente.
ResponderEliminarSí, a esos me refería... entonces, son problemas internos porque a mí no me hacen ni mención de carga.
ResponderEliminarGracias de nuevo.
Que tal Potro! me podrias ayudar a centrar la imagen de la cabecera en mi blog, he buscado aqui y no encuentro...
ResponderEliminar¿En cuál blog quieres hacerlo?
ResponderEliminarOk, te dejo el blog...
ResponderEliminarhttp://historia024-2.blogspot.com/
agradezco de antemano esa disposición y ayuda que nos brindas
Expande los artilugios de tu plantilla, busca este código y añade lo que está en negrita, con eso se centrará la imagen de la cabecera:
ResponderEliminar<center><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style=' display: block'/></center>
Muy agradecido Potro, no se que hariamos sin ti... jejejeje, saludos desde Zongolica, Veracruz.
ResponderEliminarPotrazo nuestro lindo y querido! Millón de gracias por todos tus consejos y este fantástico blog que nos salva a más de uno de las macanas que hacemos por jugar con HTML. Potris, tengo una consulta: hay alguna forma de alinear los elementos del post-footer en una misma línea, separados por un pequeño espacio cada uno? Desde ya muchísimas gracias! Besote!
ResponderEliminarHola Macarena, muchas gracias por tu amable comentario.
ResponderEliminarNo me quedó muy claro lo del footer, ¿te refieres a poder dividirlo para que se alineen los gadgets de esa área? Si es así entonces mira esta entrada que habla sobre cómo dividir el footer del blog.
Gracias por el beso!
Hola,como puedo centrar la Cabecera, y los gadgets de imagen?Gracias
ResponderEliminarMira el comentario #125 para que centres la cabecera.
ResponderEliminarLos demás gadgets puedes centrarlos primero localizando el ID del gadget, luego antes de ]]></b:skin> agrega esto:
#ID {text-align:center}
Donde ID es la ID del gadget que buscaste previamente. En el caso del gadget de Imagen es algo como Image1
Hola Potro de nuevo aqui molestando mira he leido y intente con tu codigo que diste antes en la entrada 125 y no me funciono
ResponderEliminarPero no me funciona acaso me podras ayudar este es mi blog http://cityvilleextremes.blogspot.com/ y no eh podido centrarlo de antemano muchas gracias
Pues es que de hecho tú no necesitas centrarlo porque centrado ya está, más bien necesitas alinearlo a la izquierda. Si seguiste los pasos de ese comentario deshazlos. Luego busca esta parte y elimina lo que está en negrita:
ResponderEliminar#header-inner{background-position:center;
Este comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro te cuento que esta plantilla ya traia por defecto eso que me acabas de decir
ResponderEliminar#header-wrapper{width:1200px;margin:0px auto 0px;height:380px;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}
#header h1{margin:0 5px 0;padding:35px 0 0 0px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:40px;color:#A2A2A2;}
#header .description{padding-left:5px;color:#646464;font-size:14px;padding-top:0px;margin-top:0px;}
Por eso, ese background-position:center; es el que debes quitar, o bien, cambiarlo por background-position:left;
ResponderEliminarHola Potro en ninguna de las dos opciones funciono no se mueve nada la imagen que puedo hacer please ayuda
ResponderEliminarEntré pero vi que ya tienes otra imagen ahí y que sí está inclinada a la izquierda, no sé si ya pudiste resolverlo.
ResponderEliminarQue tal amigo, me gusta tu aporte, pero intento cambiar el fondo, que me sale en negro y no puedo, por defecto sale una cinta negra de fondo en donde se desplaza el texto, cómo se puede cambiar el color de ese fondo?
ResponderEliminarHola Omar,
ResponderEliminarNo he entendido bien tu planteamiento. ¿Me puedes dar más detalles así como la dirección del blog donde te sucede esto?
Hola Potro si opte después de mucho intentar por dos imágenes ahora te tengo otra pregunta mira esta plantilla por defecto en la pagina principal te muestra solo 4 entradas hay alguna forma de cambiarlo, yo ya intente de la manera normal en diseño y en la entrada le puse que 8 entradas se vieran pero no funciono hay alguna manera en el html de modificar esa opcion?
ResponderEliminarAdemas eso de las imágenes lo hice con un gadget de imagen por cada lado tuve que quitar la grande
ResponderEliminarOtra consulta que te quería hacer es que en la pagina principal aunque escriba con la letra mas grande siempre sale con letra normal es algún error?
ResponderEliminarEso no es por alguna configuración de la plantilla:
ResponderEliminarhttp://ciudadblogger.com/2011/06/cuando-en-el-blog-aparecen-menos.html
he colocado dos imagenes en un gadget, y la imagen de la izquierda, se queda bien en su sitio, pero la de la derecha, se pone mas abajo. ¿como lo soluciono?
ResponderEliminarCuando se trata de dos o más elementos en un mismo contenedor lo mejor es que los pongas en una tabla HTML, de esa forma se alinean fácilmente.
ResponderEliminarHola majo y gracias de antemano por todo los enseñado hasta ahora y por responderme siempre a todas mis consultas.Estoy intentando cambiar mi blog y entonces mi pregunta es:E puesto un video a la izquierda de la entrada se podria poner en tamaño mas pekeño a su derecha mas videos.no se si me e explicado bien lo e intentado de alguna manera pero siempre se me ponen de debajo de el primero.Gracias majo
ResponderEliminarHola Urko,
ResponderEliminarQuizá la forma más sencilla es igual como decía en el comentario anterior al tuyo, usando una tabla HTML.
Podrías agrupar las columnas de la primera fila para que ahí pongas el video grande, u al lado en las otras celdas los videos pequeños:
<table border="0" cellpadding="10"><tbody>
<tr><td rowspan="4">Código video grande</td>
<td>Código video chico</td></tr>
<tr><td>Código video chico</td></tr>
<tr><td>Código video chico</td></tr>
<tr><td>Código video chico</td></tr>
</tbody></table>
el problema es k lo k a mi megustaria seria poder poner el video grande y a su derecha todos los videos pekeños seguidos no uno encima del otro
ResponderEliminaruank no se si se podra.gracias
ey mas u menos ya lo tengo gracias mil gracias
ResponderEliminarHola Potro, como puedo dividir un slot de gadget en 2 en el html, quiero poner 2 banners de publicidad a la misma altura solo que uno en el lado "left" y otro al "right" si los pongo en diferentes slots me aparece uno abajo y otro arriba pero los quiero a la misma altura, me podrias ayudar con esto por favor???
ResponderEliminarHola DC,
ResponderEliminarUna forma rápida sería que pongas el código de las imágenes uno pegado del otro, sin dar saltos de línea (ENTER), eso las acomodará horizontalmente.
Otra opción más prolija es que uses una tabla HTML y en una celda pongas una imagen y en la celda de al lado la otra imagen.
Una duda: los titulos se pueden centrar tambien? porque si centras las imagenes pero el titulo queda hacia la izquierda no queda lindo :(
ResponderEliminaracabo de leer en los comentarios que con se puede buscando este codigo en la plantilla #sidebar h2 {
ResponderEliminarsin embargo en la mia no aparece... me podras ayudar???
Ya lo encontre en los comentarios! sos un capo!!!!
ResponderEliminarQué gusto que ya lo hayas resuelto, y mejor aun, encontrando la respuesta en los comentarios :)
ResponderEliminarPotro donde agrego el código?
ResponderEliminarSi es un elemento de una entrada entonces en la entrada misma, si es un gadget HTML/Javascript entonces dentro del gadget.
ResponderEliminarAlgien me podria ayudar, miren acabo de crear un blog pero todos los widgets me salen debajo de las entrada y se ve horrible ya he movido de todo no se que mas hacer lo unico que medio pude hacer fue con este codigo #HTML5{position:fixed; top: 220px; left:650px; width:250px} pero el widget se mueve para todo lado con mi scroll ayuda porfa
ResponderEliminarHola KrlOs,
ResponderEliminarEntré a tu blog pero parece que ya has resuelto el problema pues vi todos los gadgets en su lugar.
Saludos.
Hola potro, te envie un mail ya que he seguido tus tutoriales y ahora intente este pero no me sirve! Me ayudas porfaaaaaaaa.
ResponderEliminarhttp://rana-rosa.blogspot.com
No he logrado alinear o centrar el me gusta de facebook con los otros botones de compartir.
Aprovecho para pedirte lo que te envie via mail, te daras cuenta que la sidebas derecha no me esta dejando el texto en parrafo, al igual que la caja de Aviso que pusiste hace poco, todo me sale derecho en linea y no hace parrafo. Porfaaaaaa ayudameeeeee.
Mil gracias. Abrazos.
Hola Natali,
ResponderEliminarApenas termine con los comentarios del blog sigo con las preguntas del formulario, ya sabes que esas tardan un poquitin más ;)
El botón de Me gusta tiene un ancho más grande de lo que parece, por eso da la impresión que de que no queda centrado, ya que además del botón que vemos hay un espacio a la derecha que es para que aparezcan los avatares, etc. Es por eso que aunque lo centremos siempre parecerá que no es así.
Abrazos.
Hola diskulpa la molestia pero quiero centrar mi imagen y titulo de mi cabezera de mi blogger, y pues no logro hacerlo. me podrias explicar que codigos debo modificar exactamente, diskulpa soy nuevo en esto.Grcias
ResponderEliminarSaludos
Hola Templario,
ResponderEliminarEntré a tu blog y veo el título y la imagen centrada, supongo que ya has sabido resolverlo. Saludos.
¡Hola, Potro! ¿Este truco permitiría también aplicar una sangría en la primera línea de un post? Mis blogs son sobre todo de relatos y pretendo desde hace tiempo enriquecer el texto con trucos que permitan aplicar el formato de Letra Capital etc, pero esto de la sangría en la primera línea se me resiste. ¿Me podrías ayudar? Gracias.
ResponderEliminarHola Ƹ̵̡Ӝ̵̨̄ƷSechatƸ̵̡Ӝ̵̨̄Ʒ,
ResponderEliminarEso puedes hacerlo poniendo esto en los estilos:
.post-body:first-letter {
margin-left: 20px;
}
Eso hará que la primera letra del párrafo se vaya 20px a la derecha.
Es de la misma forma como ponemos la letra capital de esta entrada:
http://ciudadblogger.com/2010/07/otra-forma-de-poner-la-letra-capital.html
Saludos.
Tu admirador preferido!
ResponderEliminarComo alineo potrito la imagen de la cabecera?
Gracias salvador!!!
Hombre pues con tanto alago cómo no ayudarte, jajaja.
ResponderEliminarDebajo de .Header img, .Header #header-inner { agrega esto:
margin-left: 30px;
Saludos.
Buen dia y como puedo hacerle para que la imagen ocupe todo el espacio de la barra de navegacion( cabezera)?
ResponderEliminarSaludos
Buen día Templario,
ResponderEliminarEso depende de dónde tengas la imagen, pues aunque puedes hacer que ocupe todo el ancho del contenedor (si las medidas de la imagen lo permiten), el contenedor a veces es menor que el de la cabecera así que no siempre se puede. Pero repito, depende de dónde tengas la imagen que quieres.
Saludos.
Gracias por tu respuesta Potro, es que cambie mi plantilla ahora no puedo centrar el titulo de la cabecera me puedes ayudar?
ResponderEliminarhttp://templario-miscenciaymislibros.blogspot.com/
Gracias
Yo la veo centrada Templario, no sé si ya lo has resuelto o es un problema que no he entendido.
ResponderEliminarHola Potro si ya lo resolvi al final me di cuenta que el tamañp del texto afecta a la localizacion de l titulo, reducido el mismo y quedo solucionado. Gracias de todos modos- Saludos
ResponderEliminarhola potro, quisiera saber qué gadget puedo usar para alinear el título de cada una de mis entradas, use la plantilla de picture window, por ende el título de mis entradas se alinea a la izquierda.
ResponderEliminarApreciaría mucho tu ayuda ;)
discúlpame no era gadget era código >.< :]
ResponderEliminarHola electric_feel,
ResponderEliminarPara centrar los títulos de las entradas agrega debajo de:
h3.post-title {
Esto:
text-align:center;
Potro como andas, necesito hacerte unas consultas
ResponderEliminarTengo mi blog con dos columnas de gadgets y de los lados tengo un banner publicitario, quise centrar el banner de la derecha y encerre el código del banner con el codigo de abajo pero no le hizo nada, no se si habra sido la manera adecuada
La otra pregunta es que yo desde el diseñador de plantillas de di el mismo ancho a cada sidebar pero el de la dercha se ve un poquito mas ancho y no se a que se debe
Mi blog: thebestonlinestores.blogspot.com
Gracias a vos Potro lo voy dejando como queria :)aunque aun me falta mucho jajaja
Puese el codigo div que centra en el comentario anterior pero no salio, era el div que pusiste arriva en la entrada para centrar
ResponderEliminarHola Ariel,
ResponderEliminarEntré a tu blog pero no encontré ningún banner en la sidebars.
Lo otro sobre el ancho, quizá sea ilusión óptica porque he medido el ancho de las dos y ambas tienen 180px.
Potro, nuevamente muchas gracias por la respuesta, ya voy a mirar bien, me ha resultado muy util este sitio, ya he aplicado muchas cosas
ResponderEliminarSaludos y hasta la proxima!
hola!!! Quiero hacer una entrada donde tenga todos los link de los blogs amigos y quiero alinear los banners uno al lado del otro para que me queden prolijos, pero no puedo...qué estoy haciendo mal??? Voy a edición html de la entrada y cuando copio el código de los banner les pongo la etiqueta de alinear...pero me siguen quedando uno abajo del otro...cómo lo soluciono?? Gracias.
ResponderEliminarMuchisimas gracias el potro! como siempre.
ResponderEliminarTengo una duda enorme... hay alguna manera de poner que todas las imagenes que ponga en la entrada se pongan de manera horizontal? Mira he echo una imagen y todo para explicarme mejor:
Imagen: http://i43.tinypic.com/j0v7eo.png
Si eso es posible, que tan dificil es? Me puedes dar una pista para buscar? He buscado en CSS, en javascript sin exito ninguno de adaptar a la plataforma blogger.
Muy pero que muy agradecido por todo el potro! :) Gracias!
María de las Mercedes, pon los códigos de los banners uno seguido del otro, sin dejar saltos de línea (ENTER), de esa forma se acomodarán horizontalmente.
ResponderEliminarNE, de forma automática no. Mira el comentario anterior a este, ahí he respondido la misma pregunta ;)
ResponderEliminarSaludos.
jaja no me di cuenta, perdon !
ResponderEliminarBueno revolviendo internet desde hace mas de 1 semana, lo mas serca que encontre para hacer rapido y sencillo una galeria fue este Blog, que elimina las cosas inecesarios y te alniea las fotos que le pegues, puede ser interesante para quienes buscaban algo parecido que yo: http://crear-galeria-vku.blogspot.com/
un Saludos y gracias por todo :)
Gracias por compartirlo NE, saludos!
ResponderEliminarComo puedo diminuir el espacio entre el cuerpo y la cabecera?
ResponderEliminarhttp://dentistonlineweb.blogspot.com/
Un abrazo!
Agrega en los estilos lo siguiente:
ResponderEliminar.main-outer {margin-top:-30px}
Ahí puedes controlar qué tanta distancia quieres que haya entre ambos contenedores.
Un abrazo.
Qué son los estilos Potro?
ResponderEliminarTodo lo que está antes de ]]></b:skin>
ResponderEliminarGracias Potrito, pero estuve tratando y no pude corregirlo. Un abrazo.
ResponderEliminarPues eso me ha funcionado antes :/
ResponderEliminarHola Potro ! hice varios intentos de alinear varios gifs de mi sidebar derecha pero no me sale bien jejeje intente esto: expandi artilugios y localice el widget de una imagen gif seria asi:
ResponderEliminar</b:widget>
<b:widget id='Image9' locked='false' title='zzz1' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
En donde se supone que deberia colocar la indicacion para alinerarlo a la derecha, yo lo coloque en distintas partes pero no le atine jajaja
En esos gadgets tienes que hacerlo de otra manera. Sólo tienes que localizar su ID y aplicarle un margen.
ResponderEliminarEn el ejemplo que pones su ID es Image9, así que antes de ]]></b:skin> agrega:
#Image9 {
margin-left: 10px;
}
Ahí le puedes variar el margen para que se acomode donde quieres; si necesitas que se vaya más a la izquierda puedes aplicar un margen negativo como -10px
Muchisimas gracias Potro !
ResponderEliminarSaludos...!!!!
potro coloque el gadget de traductor y como tengo divididi la cabecera ahora el gadget me queda arriba de la cabecera y sobre sale un poco del lado del gadget ya hice todo y no quiere alinearse ni nada
ResponderEliminarotra cosa potro quiero pasarte el codigo y me dice que no admite codigos o algo asi estoy salado hoy jajajajajajaj
ResponderEliminarNo estás salado Jesus Alex, es sólo que en los comentarios no se puede dejar códigos, necesitas convertirlos primero a texto plano:
ResponderEliminarhttp://ciudadblogger.com/p/conversor-de-html-texto-plano.html
En cuanto al traductor, ¿en cuál blog lo has puesto?
Yo no entiendo bien el blog. Y quiero alinear el titulo del gadget pero aunque arriba parece tan sencillo no me deja. o bien esque no se hacerlo...
ResponderEliminar¿El código dónde lo miro? Voy un poco perdidilla...
Una ayudita potro! jajaja
No te preocupes Mapi, que aquí estamos para ayudarte aunque no entiendas aun sobre estos asuntos.
ResponderEliminar¿Cuál es el blog donde quieres hacerlo, y a cuál gadget quieres alinearle el título?
Vale. Haber el titulo de las etiquetas tiene un nombre que me aparece automaticamente a la izquierda. Ese nombre lo quiero poner a centrado. Y al editar el gadget pone "titulo" y ahí pongo lo que arriba pone para centrar... pero no me sale. He estado leyendo y tengo poner el nombre codificado no?
ResponderEliminarBueno no sé. El blog es este.:http://pensamientossinfregar.blogspot.com/
gracieeees! :D
Hola de nuevo Mapi,
ResponderEliminarSi lo prefieres puedes centrar de una vez todos los títulos de tus gadgets, si así lo quieres busca donde dice:
h2 {
Justo debajo de ello agrega:
text-align:center;
Con eso se centrarán los títulos de tus gadgets.
Saludos.