Ya vimos cómo dividir la cabecera del blog y cómo dividir el crosscol, ahora le toca el turno al pie del blog, o sea, a la parte que se encuentra hasta abajo de la plantilla mejor conocida como footer. Así que en esta entrada veremos cómo dividir el footer del blog en tres columnas para poder agregar ahí algunos gadgets.
Pasaremos de esto:
A esto:
Para los que usan una plantilla del Diseñador de Plantillas de Blogger eso puede hacerse desde el momento de la creación de la plantilla, sólo hay que ir dentro del Diseñador de Plantillas y en la pestaña Diseño hay que elegir la estructura de la plantilla, en la sección Diseño de pie de página puede seleccionarse el footer simple, dividido en dos, o dividido en tres.
O bien, también puede hacerse directo en la plantilla, así que vamos a ver cómo dividir el footer del blog tanto en esas plantillas como en las plantillas antiguas.
Empezaremos con las plantillas hechas con el Diseñador de Plantillas de Blogger, primero vamos a quitar temporalmente cualquier gadget que haya en esa área, puedes arrastrarlo a la sidebar, ya cuando termines con los cambios podrás moverlo de nuevo al footer.
Ya que esté libre esa área entra en Diseño | Edición de HTML y SIN expandir los artilugios busca esta línea:
<b:section-contents id='footer-1'/>O si ya está dividido en dos busca esta otra:
<b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/>
Ya localizada cualquiera de esas partes elimínala con cuidado y en su lugar pon esto:
<b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/><b:section-contents id='footer-2-3'/>
Con eso estará dividido el footer en tres columnas. No se verá la columna extra hasta abajo que se aprecia en la imagen de ejemplo pues en el caso de esas plantillas los gadgets pueden arrastrase arriba de los créditos y funcionará de igual manera.
En el caso de las plantillas antiguas de Blogger el procedimiento es un poco diferente; primero habremos de quitar cualquier gadget de ahí, y luego SIN expandir artilugios busca este código:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Elimínalo y en su lugar coloca este otro:
<div id='footer-wrapper'>
<div id='footer0' style='text-align: center; padding: 5px;'>
<b:section id='footer-superior' preferred='yes'/>
</div>
<div id='footer1' style='width: 32%; float: left; margin:0; padding: 5px;'>
<b:section class='footer' id='foot1' preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 31%; float: left; margin:0; padding: 5px;'>
<b:section class='footer' id='foot2' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 32%; float: right; margin:0; padding: 5px;'>
<b:section class='footer' id='foot3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer4' style='text-align: center; padding: 5px;'>
<b:section id='footer-inferior' preferred='yes'/>
</div>
<div style='clear:both;'/>
</div>
Dependiendo de cada plantilla quizá sea necesario ajustar los porcentajes a valores más pequeños por si alguna de esas área se moviera hacia abajo, ya dependerá de cada caso y que cada quien experimente con las medidas que más se ajusten a su plantilla.
Si quisieras agregarle un poco de estilos a esa área sólo agrega antes de ]]></b:skin> lo siquiente:#footer-wrapper h2{
background:#0B243B; /* Color de fondo de los títulos */
color:#fff; /* Color del título */
margin: 0.0em 0 .5em;
padding: 4px 3px;
text-align: center;
font-size: 16px; /* Tamaño de la fuente del título */
}
.footer{
background:#ccc; /* Color de fondo de los gadgets */
}
Y con eso tendrás el footer del blog dividido para que puedas aprovechar su espacio y agregar más gadgets de forma ordenada en el blog.
Ciudad Blogger
excelente! estos tutoriales nunca estas demas! mil gracias :D
ResponderEliminarHoola Potro
ResponderEliminarme podria porfavor decir como poner datos como el que usted tiene de "La Ciudad tiene" --->>>>>
pero con informacion de mi blog?
Gracias, un abrazo, Saludos...
Tengo una duda ¿Cómo sé si mi plantilla es nueva o antigua? la otra vez te hice una pregunta con respecto a este tema y creo que es mi solución.... voy a probarlo!!
ResponderEliminarRocío.
Potro, gracias por tus consejos, nos ayudas a mejor nuestros blogs.
ResponderEliminarBesos,
MCarlitooH2, sobre todo para ti que le haces cambios a la plantilla tan seguido como te cambias de ropa :P
ResponderEliminarıllıllı★ωєℓaяσм тαкн вנ★ıllıllı, claro que sí, mira esta entrada.
¡Excelente Potro!... Ya lo estaba esperando jeje :D ¡Mil Gracias! :)
ResponderEliminarPotroooo!!! Feliz día del Maestro! :D
ResponderEliminarEso eres para mi... GRACIAS! :)
Gracias, Potro, nuevamente te rindo homenaje, gracias a ti he solucionado algo que no me dejaba dormir.
ResponderEliminarRocío.
Gracias Potro! Sabes que estaba esperando esto jeje! Quedo de agencia mi hermano mil gracias!
ResponderEliminarHola Rocío,
ResponderEliminarMuchas gracias por tu amable comentario, qué gusto que al fin hayas podido solucionar ese detalle que tenías pendiente ;)
Respondiendo a tu pregunta, las plantillas "nuevas" son las que son hechas con el Diseñador de plantillas de Blogger ya sea que utilizaste el Diseñador en la sección Diseño, o que creaste el blog recientemente y elegiste una plantilla predeterminada de Blogger.
Pero para saber más fácil sólo entra en Diseño > Edición de HTML y busca esta parte:
-----------------------------------------------
Blogger Template Style
Name: Simple
Designer: Josh Peterson
URL: www.noaesthetic.com
-----------------------------------------------
Esos son los créditos e información básica de la plantilla, si dice:
Simple, Picture Window, Awesome Inc., Watermark, Ethereal, o Travel, entonces son plantillas "nuevas", o sea, hechas con el Diseñador de Plantillas de Blogger.
Si en cambio ahí mismo en Diseño vas hasta abajo verás un link que dice 'Seleccionar plantilla de diseño', al dar click verás las plantillas "antiguas" o plantillas Clásicas de Blogger, solo tendrías que reconocer si tu plantilla es igual a alguna de las que se muestran ahí.
¡Saludos!
SUNY SENABRE, gracias a ti por tu visita, siempre es un gusto enorme tenerte aquí :)
ResponderEliminaralore67, me queda muy grande ese título y estoy muy alejado de ello, pero te lo agradezco mucho!
PlaylistMusics | Panamá, deseo que tengas los resultados esperados, un abrazo!
Hola Potro de nuevo por aquí, justo era el post que buscaba para comentarte, en mi caso mi plantilla también me deja editar eso (footer o pie del blog).
ResponderEliminarEn mi Blog veraz que ese espacio es inservible y es más no me gusta como queda, por eso te pregunto algo que seguro interesará a otros como elimino ese espacio osea no quiero el footer por que en mi caso es innecesario.
Saludos Pro+ :D
esto se podria aplicar para tu plantilla "simmple blak metal" y como lo haria?
ResponderEliminargracias..
Hola Potro, una pregunta, ¿POr qué en mi blog únicamente aparecen 2 entradas?
ResponderEliminar¡Ains que sería de gente como yo, sin tí!
ResponderEliminarBesos
nela
porque me sale haci? :S
ResponderEliminarhttps://lh3.googleusercontent.com/-cEeefFtMA48/TdBks-RP8WI/AAAAAAAAAaE/yI1QpV7BtTA/s288/dd.png
Wow! Fabuloso!!
ResponderEliminarSólo me queda una duda bro, ¿para que sirve la línea "div style='clear:both;'? Perdón la ignorancia.
Un abrazo!!
Hola Potro: Además de generoso, eres humilde.
ResponderEliminarSegún Wikipedia un Maestro es: (del lat. magister, -tri), en sentido general, es una persona a la que se le reconoce una habilidad extraordinaria en una determinada área del saber, con capacidad de enseñar y compartir sus conocimientos con otras personas, denominadas discípulos o aprendices.
Así que no estoy tan errada al felicitarte hoy.
Un abrazo Potro y gracias de nuevo por todo! :D
Hola Pirez,
ResponderEliminarPues si no usas esa área no pasa nada con dejarla, pero si quieres eliminarla sólo busca y elimina este código (SIN expandir artilugios):
<div class='region-inner footer-inner'>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num' value='1'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
</div>
Con eso se dejará de ver el footer en Elementos de la Página.
En caso de que tuvieras el gadget de 'Attribution', o sea, el de los créditos de la plantilla, también se eliminará al quitar todo eso.
¡Saludos!
The Code Box,
ResponderEliminarClaro, aunque al entrar a Elementos de la página se verá como que "salida" esa área pero funcionará igual de bien.
Sólo busca en la plantilla esta línea:
<div id='footer-wrapper'>
Y debajo de ella agrega esto:
<div id='footer0' style='text-align: center; padding: 5px;'>
<b:section id='footer-superior' preferred='yes'/>
</div>
<div id='footer1' style='width: 32%; float: left; margin:0; padding: 5px;'>
<b:section class='footer' id='foot1' preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 31%; float: left; margin:0; padding: 5px;'>
<b:section class='footer' id='foot2' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 32%; float: right; margin:0; padding: 5px;'>
<b:section class='footer' id='foot3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer4' style='text-align: center; padding: 5px;'>
<b:section id='footer-inferior' preferred='yes'/>
</div>
<div style='clear:both;'/>
Muchas gracias, me ha funcionado perfectamente este código en el nuevo blog que estoy preparando con una plantilla de BTemplates. Aunque de momento no está visible en la red.
EliminarQué gusto que te haya sido útil :)
EliminarcBLOG.info, por la autopaginación:
ResponderEliminarhttp://buzz-es.blogspot.com/2010/03/auto-paginacion-en-blogger.html
Nela, ¿y qué sería de mí sin tenerlos a ustedes? Realmente sería yo un desastre, así que gracias por estar siempre :)
AdministradorPD, según por la imagen que mencionas parece que querías dividir otra área y no el footer del blog :/
cyberbloggero, qué gusto verte por aquí brother :)
ResponderEliminarEsa línea es sólo para "limpiar" los estilos anteriores, así se evita que los contenedores que hay debajo se vean afectados por los estilos que se agregaron y nos ahorramos un desastre y muchos dolores de cabeza :P
alore67, siendo así entonces no tengo nada que alegar :)
¡Gracias a ti nuevamente!
Hola Potro gracias por responder, esto es lo que logro encontrar pero no me deja eliminarlo:
ResponderEliminarMe sale todo igual hasta : section class='foot' id='footer-3' showaddelement='no' luego es dos cierre div, elimino hasta lo anterior.
Me sale que no se pudo guardar la plantilla, que hago?
Después de esa línea hasta el siguiente cierre del DIV debes borrar.
ResponderEliminarNuevamente muchas gracias Potro!!!
ResponderEliminarRealmente un blog imprescindible si eres blogero. Saludos y muy buenos tutos.
ResponderEliminarHOLA POTRO,SOLAMENTE ES PARA SALUDARTE Y COMENTARTE POR SI TE INTERESA, QUE HACE UNOS DIAS TE PREGUNTÉ POR LA POSIBILIDAD DE PONER SOLAMENTE LAS ENTRADAS, EN UNA VENTANA EMERGENTE. ENCONTRÉ LAS VISTA DINÁMICAS DE BOGGER. EN LA QUE TE APARECEN SÓLO LAS ENTRADAS, EN DISTINTOS FORMATOS.LUEGO INGRESÈ LA DIRECCIÓN EN UNA VENTANA POP OUT DE UN ENLACE DE BOTÓN Y LISTO...
ResponderEliminarUN SALUDO
Muy bueno amigo aunque ya creo que tenias este tutorial o me equivoco XD saludos!
ResponderEliminarJulia Letrán, por nada :)
ResponderEliminarMaG@S RaDioMuSiC, muchas gracias, y si son dos contra uno pues menos puedo discutirles. Nuevamente gracias :)
Edertano, te lo agradezco!
matiasascanio, interesante, no se me hubiera ocurrido, gracias por compartirlo :)
ResponderEliminaryonathan, nop, quizá lo confundiste con el de dividir el crosscoll o la cabecera, pero este no lo tenía ;)
oH enserio qe me preguntaba como hacer esto, :D
ResponderEliminarHola Potro, gracias por tu respuesta pero no dio resultado he intentado de todo, cuando elimino hasta el cierre me sale este mensaje:
ResponderEliminarLa plantilla no define una sección con la identificación "footer-1".
Creo que hay algún error en mi plantilla, está no ha sido creada con el editor de plantillas de Blogger.
Saludos :F
Gracias Potro, siempre hay que saberlo :P
ResponderEliminarSaludos wn.
Pirez, por ahí hubiéramos empezado :P
ResponderEliminarEl código que te di es para las plantillas hechas con el Diseñador de Plantillas, en las clásicas sólo sería eliminar el código que se menciona en la entrada que ha de reemplazarse, pero en las plantillas que no son de Blogger no puedo saber con exactitud pues cada plantilla de esas tiene códigos en orden y estructura diferente, aunque muchas veces suele ser parecido al de las plantillas clásicas.
Pozo+10™, de hecho si en el buscador de aquí pones 'páginas estáticas' verás varia información al respecto.
ResponderEliminarRoster, saludos!
Potro disculpa por desviar el tema, pero quisiera que me ayudes en comom cambiar la palabra read More por la palabra Leer más... Porfavor de antemano Gracias (: Saludos desde Perú
ResponderEliminarSólo expande los artilugios de la plantilla, busca el texto Read more y cámbialo por el texto que quieras.
ResponderEliminarSaludos hasta Perú!
Hola, Potro!
ResponderEliminarVeo que retomaste la antigua imagen de tu perfil de blogger, antes de salir del anonimato, cuando los ciudadanos se preguntaban cómo se vería en realidad el enigmático Potro, je, je. Bien por ti!
Oye, solo escribo para agradecerte este tip, pues ya lo puse en mi blog y todo me salió perfecto y facilísimo.
Muchas gracias y saludos!
Jeje que tonto :g es que mi plantilla es muy parecida. Se nota que yo la hice por que tiene muchos errores, probé con las otras formas pero nada y lo extraño es que si me deja editar la plantilla desde el Diseñador.
ResponderEliminarTe acuerdas cual era la página que te indicaba los errores en la plantilla para su solución.
Saludos también desde Perú :) tamos en todos lados ¡Viva el Perú Carj...! XD
Wow! que interesante!! Suponía que tenia que venir por ese lado, por la palabra "clear" jajaja, pero la verdad no imaginé que fuera por eso. Muchas gracias por la info! sin duda, el mejor!!
ResponderEliminarUn abrazo!!
Vicky, jajaja, de hecho mi primer avatar con este blog no era tan enigmático, en realidad salía de cuerpo completo y sin camisa (qué pena), pero por suerte me llegó el pudor y fue cuando cambié justo a este avatar que creo que fue el que conociste :)
ResponderEliminarGracias por tu visita!
Pirez, quisiera acordarme pero, mi memoria es cada vez peor, a veces ya no recuerdo ni cuál blog tengo, jajaja. ¡Saludos hasta el Perú!
cyberbloggero, sería más fácil que fuera en español ¿no? aunque si el argot de la Internet fuera en español quizá no todo se escucharía tan bien, por ejemplo, tú sería Cyber-Bitacorero, jajaja
Potro!! necesito ayuda, algo le pasa a mi blog, no muestra la barra de desplazamiento horizontal en la portada, y no puedo ver el contenido :X
ResponderEliminarHola Potro, disculpa que te moleste y cambie del tema pero puedes leer mi correo por el Contacto es Importante!
ResponderEliminarSaludos :D
Kron, quizá modificaste en el código del Intro una parte que no se debía tocar. Quítalo y ponlo de nuevo sin modificar nada del código en color púrpura.
ResponderEliminarPirez, en un rato más lo reviso, esos correos los dejo hasta al final pero en un rato más empiezo a contestarlos ;)
Este comentario ha sido eliminado por el autor.
ResponderEliminarGracias justo lo qu estaba buscando
ResponderEliminarmunditech.blogspot.com
gracias potro...los invito a que conozcan http://www.cienciaverde.co.cc
ResponderEliminarGracias a ustedes por su visita!
ResponderEliminarPotro sabes que me ocurrio un problema en mi blog trato de agregar un archivo html en la parte donde esta la barra lateral derecho y cuando oprimo "Guardar" no me guarda nada. Que podra ser? lo ultimo que instale en el blog antes que pasara esto. Fue esto de dividir me podras ayudar por favor? Gracias
ResponderEliminarProbablemente sea un problema temporal de Blogger.
ResponderEliminarPrueba hacerlo desde otro navegador, también prueba eliminando cookies, historial y caché.
Gracias intentare como dices entonces ;)
ResponderEliminarGracias pOTRO :D
ResponderEliminarhola potro :D
ResponderEliminarotra ves yo jeje.
me podrias decir como puedo agregar un footer a mi blog. digamos que seria el encabezado.
No me queda clara la relación entre el footer y el encabezado, pues uno va hasta abajo del blog y otro hasta arriba, a no sé que te refieras a otra cosa.
ResponderEliminarEn caso de que sí sea sobre el footer, dime cuál plantilla usas.
potro a mi me gustaria dividir el footer , pero no encuentro el codigo que pides,
ResponderEliminarhttp://free-smsgratis.blogspot.com/
hecha un vistazo!
Hola lucho,
ResponderEliminarComo mencionaba en la entrada, estos métodos son para plantillas originales de Blogger, ya que las plantillas personalizadas varían mucho en sus códigos.
Sin embargo puedes probar con el segundo método y buscar esta línea en lugar del código que se menciona ahí:
<div id='footer'>
Ola Potro Grax por tus Articulos , queria pedirte ayuda la vdd no se mucho de edicion , pero quiero instalar este template:
ResponderEliminarhttp://www.xmlbloggertemplates.com/2011/iphone-hello/
Pero quiero modificar :
1. en ves poner anuncios de 486*80 quisiera poner la de 728x90, pero cuando mofique el tamaño en edicicion html se deformo todo , me podrias ayudar con eso please :)
2. Cuando el mouse sobre los menus desplegables todo se pone negrita impidiendo leer las letras , donde podria modficar eso en que linea .
Gracias de Antemano Potro
Tambien quisiera añadir un widget debajo de los titulos , pero no se como añadirlo lei este articulo pero no me sale :) bueno grax por todo Potro.
ResponderEliminarEste es mi blog de pruebas http://ssinfogeneral.blogspot.com/2011/06/kakashi.html
ResponderEliminarHola LJK,
ResponderEliminarNo creo que puedas poner el anuncio de esa medida pues no alcanzaría prácticamente nada para el lugar donde se muestra el nombre del blog y el logotipo.
Para cambiar el color de fondo de las subpestañas al pasar el cursor cambia el código del color en esta parte:
#secnav li ul li a:hover {
background: #000;
}
¿Debajo de qué títulos quieres añadir un gadget y qué tipo de gadget?
Bueno mira ya que no entrara un ads de 728*90 me gustaria poner un add debajo de los titulos , para eso quiero agregar un widget/gadget para insertar un ads de 728*90 amigo.
ResponderEliminarPon tu anuncio arriba de <data:post.body/>
ResponderEliminarOla Potro Gracias , pero me confundi la idea es poner el ad 728*90 debajo del menu.
ResponderEliminarCuanndo pongo debajo de los titulo no entra el de 728*90 amigo
Gracias de antemano
Entré a tu blog y vi que ya lo has conseguido. Saludos.
ResponderEliminarSi Potro Gracias ehh xD y cambie el color del hover y bueno ya no se pone negrita xD pero igual el menu principal se vuelve todo Blanco
ResponderEliminareste el codigo que modifique
#secnav li ul li a:hover {
background: #F7EFEF;
}
Paso el mouse sobre los submenu y ya no se vueleve negrita se logra distinguir pero el principal no se logra distinguir:( como podria solucionarlo??
Gracias perdona se que caigo pesado :(
Este es mi blog de pruebas :
http://ssinfogeneral.blogspot.com/
Prueba agregándole el atributo de color:
ResponderEliminar#secnav li ul li a:hover {
background: #F7EFEF;
color:#000;
}
Uhm sigues igual , pero gracias Potro segui tus consejos y ya quedo asi mi blog:
ResponderEliminarhttp://saintkeane.blogspot.com/
Uhm tienes algunas recomendaciones ??
Pues es que el diseño de ese menú es bastante contradictorio y veo que originalmente así fue diseñado o.O
ResponderEliminarLas dos opciones que hay son, que cambies el color de fondo para el color de las pestañas al pasar el cursor por un color oscuro (como te mencionaba en el comentario #64)
O que cambies las letras blancas de los menús por letras oscuras, eso puedes hacerlo aquí:
#secnav a {
display: block;
line-height: 58px;
padding: 0 20px 0 20px;
line-height: 16px;
padding: 14px 17px 11px;
color:#fff;
Cambia ese por un color oscuro.
hola amigo , me gustaría que me ayudaras a darle color de fondo a los sidebar de pie de pagina y a los títulos como lo tengo en las otras sidebar
ResponderEliminarHola ALEXIS, ¿en cuál blog deseas ponerle color de fondo a esas áreas?
ResponderEliminarSaludos Potro! Estaba por hacer justo esto y no he podido entrar al html porque me manda este un mensaje con las siguientes letras: bX-cnqjel y no encuentro nada en la red, ojalá me puedas ayudar pues no encuentro que hacer y ya me preocupe
ResponderEliminarParece ser un error de Blogger. Prueba eliminando cookies, caché e historial de tu navegador, o bien prueba hacerlo desde otro navegador.
ResponderEliminarOk, ya lo he intentado todo y nada. Probé todos los navegadores. Hay algo más que pueda hacer?
ResponderEliminarHola man, de nuevo yo por aquí. No se que le paso a Blogger hoy pero fue un show, pues como te dije no podía entrar, pero después me dijo que tenía que hacer upgrade, lo hice y mi blog estaba por ningún lado, con platilla diferente y sin gadgets. Por suerte tenía una copia de seguridad y la sabí y ahora todo como si nada. Saludos
ResponderEliminarEsos son los momentos en los que uno sabe que hacer la copia de respaldo fue algo acertado :)
ResponderEliminarEn realidad no es el footer lo que está de color negro sino el contenedor del blog.
ResponderEliminarBusca aquí:
#outer-wrapper{width:1000px;margin:0px auto 0px;padding:0;text-align:left;font:$bodyfont;background:black url() left 8px repeat-x;}
Ese black es lo que ves de color negro ahí, si lo cambias por #fff se volverá blanco.
Muy estimado Potro:
ResponderEliminarÉsta es mi primera intervención en tu inestimable Ciudadblogger. Por ello, aunque no me falten preguntas que hacerte ni dudas por resolver, sólo intervengo hoy para mostrarte, con mi gratitud, el más sincero reconocimiento hacia tu demostrada y jovial humanidad.
Muchísimas gracias por tu ejemplo constante de auténtico altruismo; por tu impagable y desinteresado magisterio; por esa gran paciencia sobradamente demostrada con todos quienes, como náufragos, buscamos en tus orientaciones una tabla de salvación para poder continuar sobrenadando, sin sucumbir definitivamente a sus mareas, la superficie cada vez más procelosa de Internet. Y por supuesto, por ese humor cortés con el que tratas a todos —incluso a quien no se lo merece—, como un viejo amigo siempre dispuesto, con tu sonrisa, a alargarnos el brazo solidario. ¡Como si tú no tuvieses problemas!
Por todo ello, más allá de mis palabras, he puesto en mi blog un "banner" del tuyo, con el que sinceramente deseo reconocer, de manera gráfica, cuanto con ellas he dicho.
Un abrazo desde España,
Roberto Malestar Rodríguez
Hola Roberto,
ResponderEliminarMuchas gracias por tu amable y desinteresado comentario. Esas son las palabras que en los días difíciles me dan ánimos para continuar y no tirar la toalla.
Ojalá pudiera expresarme tan bien como tú para agradecerte por tu comentario pero quizá está de más decir que te lo agradezco de corazón.
Saludos hasta la Madre Patria.
Hola! Potro
ResponderEliminar"Post de la Semana" a lado de post recientes
en mi blog: http://theredark.blogspot.com/
Ayudame con este widget quiero divirlo para que ocupe un solo en espacio en vez de un espacio compartido en dos, tu ya debes saber de lo que hablo, no se como hacerlo sin afectar a los demás que estan juntos a el y tambien como puedo aumentar el tamaño de las entradas al final donde sale "Publicado por" en la parte de abajo, para agregarle 1 o 2 cm
Pilas ahi te dejo para que me ayudes con eso
Hola The ReDark,
ResponderEliminarEso es una cuestión del diseño de la plantilla. La solución es que subas ese gadget a la parte de arriba donde sólo ocuparía un espacio y no medio espacio de la sidebar, sólo tienes que arrastrarlo hasta el lugar que quieres.
Para darle más espacio al post-footer busca esta línea:
.post-footer {
Debajo de ella agrega esto:
padding-bottom:40px;
gracias bro,
ResponderEliminarpero pensaba que se podia en el mismo lugar esa división y lo de la linea para agregarle:
padding-bottom:40px;
si me dio el espacio pero los iconos +1, de face, de blogger, etc y "Plublicado por le sigan hasta al final donde se ha agrandado el espacio o más que sea quede intermedio
Intermedio no existe como propiedad, pero igual puedes agregarle otro espacio pero ahora superior:
ResponderEliminarpadding-top:40px;
Gracias si me sirvio,
ResponderEliminarayudame en otra cosa como puede eliminar permanentemente el gadget páginas de mi plantilla xq cual lo elimino del diseño todo bien pero cuando hago un cambio en la plantilla vuelve aparecer.
lo dejo por hoy para que veas mejor el problema, algo más, tengo mi calendario al lado de las entradas y veo que la fecha sale como algo más abajito de donde de donde para llenar el cuadro(el azul con rectangulo blanco en medio)
como hago que se haga más abajo para llenar ese espacio faltante?
y una ultima cosa como hago de subir un poco màs el tono de negro que tengo algo fondo del blog pero no el que parace rejas si no el que esta intermedio(el fondo negro transparente) al fondo de las entradas del blog.
Esto esto tres cositas no más ayudame con eso y te recuerdo mi blog:
http://theredark.blogspot.com/
El gadget de páginas anda teniendo problemas:
ResponderEliminarhttp://vagabundia.blogspot.com/2011/07/la-rebeldia-del-gadget-de-paginas.html
Lo de la fecha no lo sé, te recomiendo que lo consultes en el sitio donde has tomado el truco, seguro ahí podrán asesorarte.
La transparencia que ves en el fondo no es con códigos, sino que es una imagen transparente por lo que no se le puede modificar el aspecto desde la plantilla.
Saludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminargracias por lo del gadget,
ResponderEliminarpero no ahi ninguna forma para hacerla un poco más negra sin perder la transparencia, te digo que estube moniando la plantilla el otro día si se la puede cambiar de color la falla es la transparencia no se exactamente como dejarla, la aparte donde estube era variable definitions
igual eso no es de apuro tal vez si averiguas x ahi me cuentas
Cuando la transparencia se consigue con CSS entonces sí puedes controlar la intensidad de la transparencia, pero en este caso como te digo es una imagen, así que como no es CSS no se puede controlar pues la transparencia es propia de la imagen.
ResponderEliminarPotro, otra vez yo....habria manera de poner otra fila de varios gadgets en el footer? ya he creado 5 gadgets, ahora me gustaría poner encima 6 más...se puede hacer?
ResponderEliminarSólo tendrías que agregar otro fragmento como este en el lugar que quieres:
ResponderEliminar<div id='footer6' style='width: 32%; float: left; margin:0; padding: 5px;'>
<b:section class='footer' id='foot6' preferred='yes' style='float:left;'/>
</div>
<div id='footer7' style='width: 31%; float: left; margin:0; padding: 5px;'>
<b:section class='footer' id='foo72' preferred='yes' style='float:left;'/>
</div>
<div id='footer8' style='width: 32%; float: right; margin:0; padding: 5px;'>
<b:section class='footer' id='foot8' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
Muchisimas gracias, Potro, ya lo tengo puesto!
ResponderEliminar(ojo, en tu codigo has puesto 'foo72', lo he modificado por 'foot7')
Potre, de nuevo yo...se me han quedado los gadgets muy pegados a la siguiente linea...cómo puedo darle mas espacio? (sé q en su día logré separar los gadgets del crosscol, pero no hay manera q me acuerde cómo lo hice)
ResponderEliminarPues una forma de hacerlo sería que debajo de <div style='clear:both;'/> pusieras un salto de línea:
ResponderEliminar<br/>
Si necesitas más espacio agrega otro salto de línea como ese.
Pues claro! ahora veo...ponía la barra delante...gracias de nuevo!
ResponderEliminarPor nada ;)
ResponderEliminarBuenas tardes queria preguntarte como hago para añadir el footer ya que el diseñ original de mi plantilla no tiene solo tiene las sidebar, dnde se publican los post y el header pero kiero ponerle unos gadgets alli... Podrias ayudarme... Gracias
ResponderEliminarBuenas tardes DarkAngel25xD, ¿en cuál blog deseas hacerlo?
ResponderEliminarHola, Potro.
ResponderEliminarAndo un poco perdido. ¿Sabes cómo puedo dividir en dos la parte que está justo debajo de las entradas del blog, tal como lo señala esta imagen? Es que me gustaría colocar un par de gadgets de Últimas entradas por categorías.
He visto esta entrada, pero no estoy seguro de que se trate de lo mismo, porque quizás se dividirían los gadgets que están en la parte de abajo y yo sólo quiero debajo de las entradas del blog.
Gracias, Potro. Saludos. :D
www.lasnoticiasdetulum.com
Hola,
ResponderEliminarBusca esta parte (sin expandir artilugios) :
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
Y agrega justo debajo, lo siguiente:
<div id='gadgets1' style='width: 48%; float: left; margin:0; padding: 5px;'>
<b:section class='sidebar' id='g1' preferred='yes' style='float:left;'/>
</div>
<div id='gadgets2' style='width: 48%; float: right; margin:0; padding: 5px;'>
<b:section class='sidebar' id='g2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
¡Listo, Potro!. Apliqué esa parte que me sugeriste y quedó de maravilla. ¡Muchas gracias!
ResponderEliminarUn saludo. (-:
Y si kiero agregar un footer debajo de las entradas?
ResponderEliminarcomo debo hacer,?
www.music-life-vip.blogspot.com
Mira el comentario #105, ahí están las indicaciones.
ResponderEliminarPotro ya lo intente, pero no sale el footer.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarIntenta de nuevo, de esa forma lo he probado y ha funcionado a mí y a otros.
ResponderEliminarPotro me aparece, pero al ajustar el tamaño necesario, pasa del lado donde estan los gadgets
ResponderEliminary se me desordena el blog.
me podrias ayudar con esta plantilla?
podrias hacerlo por mi?
La plantilla, que use. por decir es premiun, ya que no aparece en la opccion "Diseño" la parte de configuracion de las entrada.
ResponderEliminarSi se pasa de allá entonces reduce el ancho de los gadgets de esa área. Por ejemplo, uno de ellos en vez de que tenga width: 48% ponle un valor más bajo como width: 40%
ResponderEliminarPotro: Ya lo hice, y me kedo bien, pero solo aparece en las entradas y no en la portadas. jajajajaja
ResponderEliminarun problemon.
yo kiero que se vea en la portada y en las entradas.
pero es ahi cuando se desordena, el blog.
Pues quizá tu plantilla no lo permite por su estructura :/
ResponderEliminarkpas sea eso.
ResponderEliminarme podrias ayudar ?
te paso la plantilla y me decis si se puede o no. por favor!
Me encantaría poder ayudarte lucho, pero lo que más me hace falta ahora es tiempo.
ResponderEliminarPero lo que podemos hacer es que pongas todo como quieres, que se muestre en la portada; cuando esté puesto me avisas para que entre a tu blog vea qué sucede y quizá desde aquí pueda decirte cómo solucionarlo.
Si puedes también has una captura de la pantalla donde señales cuáles son los gadgets que se salen.
Saludos.
Hola El Potro,
ResponderEliminar¿Podemos dividir el footer en una plantilla extraida de internet?
Mi blog es este: quepiensasdelafoto.blogspot.com
Y la plantilla: http://btemplates.com/2011/blogger-template-lock-heart/demo/
Me gustaria dividir el footer en 4 columnas.
Gracias.
Bueno portro ahi lo hago!
ResponderEliminarJosep-Pepe, si la plantilla tiene footer sí, es el mismo procedimiento, pero ésta ya debe tener un footer.
ResponderEliminarHola El Potro,
ResponderEliminarSoy yo otra vez, he buscado los codigos que dices en la entrada y solo sale este:
< (aqui va "div") id='footer-wrapper'>
Sin lo siguiente que le acompaña.
Entonces he substituido eso por el codigo HTML que dices en esta entrada.
Al clicar en VISTA PREVIA me dice: No se ha podido analizar su plantilla, porque no está bien formada.
No se como hacerlo.
Gracias.
Hola Josep-Pepe,
ResponderEliminarEntonces es muy probable que tu plantilla no tenga el área para agregra gadgets, pero no hay problema, sólo elimina desde:
<div id='footer-wrapper'>
Hasta el próximo </div> que encuentres pero sin eliminar nada más allá.
En su lugar pon el segundo código que es para las plantillas antiguas de Blogger.
Gracias El Potro, me ha funcionado, puedes ver el resultado en el blog: quepiensasdelafoto.blogspot.com
ResponderEliminarGracias.
potro como puedo agregar un footer arriba de la entradas?
ResponderEliminarwww.music-life-vip.blogspot.com
asi lo divido por 3.
me decis potros.
y disculpa que sea un poco molestoso jajajajaja
Es igual que en el comentario #105 pero en lugar de ponerlo debajo de, lo pondrías arriba de.
ResponderEliminarSi ya tienes gadgets debajo de las entradas entonces cambia gadgets1 y gadgets2 por gadgets3 y gadgets4
También cambia g1 y g2 por g3 y g4
Después hago una entrada con una explicación más detallada.
Saludos.
Potro una pregunta referente al Pie del blog: He insertado una imagen como pie de blog que tiene como fondo de la imagen el color X que es el mismo que el del fondo del blog (para quede todo igualado)y cuando lo visualizo en Chrome=OK pero en Firefox y IE se ve el contorno no en el color X sino en Negro ( X=#14161b gris oscuro).Muchas gracias
ResponderEliminarHola Priamo, ¿en cuál blog has hecho esas modificaciones?
ResponderEliminarpriamo24.blogspot.com
ResponderEliminarPues lo que veo es que el color de fondo de la imagen es #0D0F14, mientras que el color de fondo del blog es #14161B, así que mientras no sean iguales de color se verá esa diferencia entre ambos.
ResponderEliminarDe donde sacas que es ese color? porque vuelvo al photoshop y compruebo el fondo de la imagen y está en #14161B.
ResponderEliminarSi no damos con la tecla intentaré volver a rehacer el pie.
Otra cuestion referente a la palabreja "Cargando" que me comentaste que volviesea instalar el pie para ver si se eliminaba: pues sigue apareciendo pero he descubierto dos cosas:
-Situandome y marcando la palabra y con boton derecho accedo a "Inspeccionar elemento y lo localizo y elimino (no sé como guardar ese cambio efectuado) por lo que salgo a con "x" y desaparece pero al volver a entra vuelve aparecer.
-He visto en otro blog que tengo de pruebas "slotenpruebas.blogspot.com" que allí no aparece y he buceado en la plantilla pero no logro aclararme.
No sé si este rollo lo he explicado bien.Gracias por tu paciencia y buen saber.Gracias
Con un plugin de Firefox pude saber el color de fondo de esa imagen.
ResponderEliminarSi te da problemas quizá por la configuración de colores de Photoshop entonces haz la imagen con fondo transparente, así se adaptará al color de fondo del blog y te evitarás ese problema.
Lo de "Cargando" insisto que debe ser un problema en la instalación de Shadowbox, prueba cambiar de lugar los códigos, por ejemplo que el de Shadowbox esté primero que otros, revisa que estén bien cerrados los códigos, hasta dar con la solución, así fue como yo igual pude solucionarlo.
Saludos.
Lo del fondo he obtado por un color simple de la paleta de photoshop (negro) y ha ido todo bien. Pienso como tú, que debe ser cosa de photoshop ya que el color la conseguí de una aplicacion de de colores en internet.
ResponderEliminarEn cuanto a la palabreja, tenias razon la culpa de Shadowbox:solucionado.
Con esto creo que ya voy terminando la actualizacion de mi blog
Gracias por todo.
Qué bueno que todo se ha resuelto a tu favor Priamo, saludos.
ResponderEliminarHola Potro, ante todo: Felices Fiestas y mejor 2012!!!
ResponderEliminarTe dejo una consulta:
Tengo el footer dividido en 3 columnas ya que use el diseñador de plantilla, el problema es que al estar hecho con el diseñador las 3 columnas son de igual ancho. Como podria modificarlas?
Otra complicacion: uso mucho el footer, un elemento que usa todo el ancho, abajo las tres columnas y abajo de estas otro elemento que vuelve a usar el ancho del footer, por lo que simplemente dividirlas en el html seguro sera mas complejo.
Te dejo el blog para que lo veas: www.ComicCLUB.com.ar
Una vez mas felices fiestas, un fuerte abrazo y gracias por tanta ayuda :D
Hola F!X,
ResponderEliminarLamentablemente a esas plantillas no se les puede modificar algunas cosas, sobre todo cuando se tratan de los contenedores de los gadgets, como es el caso de modificar el ancho para alguno o todos ellos :/
Feliz Navidad y próspero Año Nuevo!
Hola potro, me gustaria saber como puedo agrandar el ancho del footer que me ocupe toda la pantalla, y si es posible aplicarle una imagen de fondo o personalizarlo, no se si me de a entender.
ResponderEliminarGracias.
Te has dado a entender perfectamente, pero el footer así como cualquier elemento dentro de la plantilla sólo puede ocupar como máximo el ancho de lo que mide el contenedor del blog.
ResponderEliminarLo que puedes hacer es crear un contenedor DIV antes de </body> y ahí aplicarle los estilos del color y todo eso, pero, no se podrán agregar gadgets ahí, mas bien sería para que coloques algún texto como los créditos.
y como creo el div? donde lo pongo? que pongo ahi? tengo una plantilla de blogger normal, solo quiero personalizar la parte donde van los creditos, ponerle un fondo y si es posible que ocupe todo el ancho de la pantalla. Algo asi como lo que tienes tu en tu plantilla hasta abajo, donde dice 2010, ciudad blogger. Saludos.
ResponderEliminarAntes de </body> como te dije. Un DIV sería como este:
ResponderEliminar<div style="width:100%; background:#000; color:#fff; padding:5px;">Este es un texto cualquiera</div>
Ahí mismo puedes ver que hay estilos de color, fondo, etc.
Saludos.
oh, ya entendi potro, me sirvio, gracias man!Saludos!
ResponderEliminarHola Potro!
ResponderEliminarMe gustaría poner estas tres columnas en el blog que estoy haciendo para un amigo, pero no tengo la opción de gadget al final, así que no puedo dividir las tres columnas, mi pregunta es si se puede añadir un gadget en el footer y cómo lo hago, para luego seguir este tutorial. Porque no encuentro el código para hacerlo!!
Gracias!!
http://probbando.blogspot.com/
Potro ya lo he solucionado, pero gracias igual!
ResponderEliminarSaludos!
Eso me fijé Mayte, que ya lo tenías resuelto :)
ResponderEliminarHola amigo potro yo otra vez molestandote mira pues me ge fijado en este post pero preciosamente yo no quiero dividir mi footer es mas fien con los creditos de mi plantilla que en fin estan en la parte de abajo mira pues se ve feo esa lina de los creditos bueno al menos a mi me parece fea habra la manera de reducirla de tamaño o suvirla algo asi como esta pagina http://www.unrealmat.com/ si te fijas es la misma plantilla solo que ellos no usan el leer mas pero pues si te fijas ellos tienen a manera de un gadget los creditos y se bien elegante sin esa larga y fea linea de creditos quisiera que me digas si sabes como puedo hacer para q se vea asi mi web es http://mundo-lucha-wwe.blogspot.com/
ResponderEliminarHola ¢aяℓσѕ-є∂gє-яaтє∂, pon los créditos en un gadget de tu footer, así no se quedarán hasta abajo ocupando todo el ancho del navegador.
EliminarHola Luis,
ResponderEliminarNo es que el footer ocupe toda la pantalla, lo que sucede es que el fondo del footer es el que se extiende por todo lo ancho.
En las plantillas de Blogger eso es un tanto complicado, pues el footer siempre debe estar dentro del contenedor del blog, el cual no se puede "romper".
Puedes poner un contenedor antes del </body> y ese sí podría extenderse a todo lo ancho, pero no podrías poner gadgets, sólo texto e imágenes.
Una pequeña duda: Cómo se pone el fondo transparente en un gadget HTML? Es que mi fondo es blanco, y lo pone con letra (white), no con el código hexadecimal. ¿Cómo lo puedo poner transparente? Gracias
ResponderEliminarSi es sólo un gadget sólo aplica los estilos para ese gadget:
Eliminar#NOMBRE {
background: none;
}
Pero si la sidebar tiene un color de fondo entonces habría que poner transparente toda la sidebar, pero entonces todos los gadgets se pondrían transparentes.
Hola, vuelvo a tu blog en busca de ayuda... Es un tema puramente estético. En el blog que estoy haciendo, el pie de página se ve enorme. Intenté cambiarlo con un div style dentro del gadget pero en IE no se veía bien, así que opté por cambiar el fondo del color que quería y dejar el gadget en fondo transparente, pero se ve súper grande. Yo busco un pie de página con un height de unos 50px. He buscado por la plantilla HTML pero no encuentro dónde cambiar-modificar esto. Espero que puedas ayudarme!!! Gracias otra vez!
ResponderEliminarHola Berta,
EliminarQuizá lo que puedes hacer es lo mismo que esta entrada, sólo que en lugar de aplicar un margin-top, aplicarías un margin-bottom
Saludos.
Lo he intentado pero en IE se suprime la propia información. Es el footer del mismo contenido de color granate quien suma más espacio después del gadget, cosa que no entiendo por qué...
EliminarEntonces aplica el margen negativo sólo a ese gadget:
Eliminar#Text1 {
margin-bottom: -50px;
}
Eres un fenómeno Potro!
ResponderEliminarMe ha salido a la primera sí señor! un abrazo crack
Gracias Bea, otro abrazo para ti!
EliminarPotro, los otros dias te pedia un pattern para uno de los blogs, para que se viera una sobra, bueno ahora no quiero que se vea esa sombra en otro blog, y desde diseñador de plantillas puse todo en transparente y se sigue viendo. Desde la cabecera hasta la entrada se ve esa sobra gris, yo quiero que se vea el fondo negro este es el blog
ResponderEliminarhttp://mbteamranelagh.blogspot.com/ ( que estoy haciendo)
Busca esta parte y elimina lo que está en negrita:
Eliminar.content-outer {
background: $(content.background);
-moz-border-radius: $(content.border.radius);
-webkit-border-radius: $(content.border.radius);
-goog-ms-border-radius: $(content.border.radius);
border-radius: $(content.border.radius);
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
margin: $(content.margin) auto;
}
Potroooooooo graciassss :))))))
ResponderEliminarDe algun Rincon de este mundo como siempre jajajajaaa
Por nada ;)
EliminarHola mi amigo [ El Potro ]
ResponderEliminarGracias por tus aporte espero que me pueda ayudar.
Me gustaría el poder tener un "gadget" cómo lo indica la flecha azul de la imagen pero tan bien en la parte de abajo dos pequeños, cómo lo indica tu tutorial pero la ubicación es en la parte superior de mi Blog.
Imagen: (http://img1.imagilive.com/0312/Dividir_Gadget.png)
Gracias por tu ayuda.!
Hola BDJMarcelo, ese es el crosscol, y en esta entrada puedes ver cómo dividirlo:
Eliminarhttp://ciudadblogger.com/2011/05/dividir-el-crosscoll-del-blog.html
Saludos.
Gracias amigo [ El Potro ]
EliminarEs lo que buscaba.!
Hola El Potro, mi blog http://grupoblogin2.blogspot.com/ tiene el footer de color azul, a mi lo que me gustaria hacer es esto: http://dl.dropbox.com/u/11723636/Footer.png como puedo hacerlo, si quiero que tenga un fondo gris y no azul como el footer y que tenga tres columnas. Abajo de este que aparezca el footer azul y arriba el blog con el fondo blanco (actual).
EliminarGracias
Hola Josep-Pepe, en esas plantillas no es posible, las secciones de gadgets son muy limitadas, yo he tratado de agregar más secciones como otro footer encima de ese y aunque no me da error simplemente no aparece el cambio, ya que al guardar desaparece el código que se agrega :/
EliminarConsulta: aclaro no se si estoy en la sección correcta, quisiera dividir el fondo del blogger no se si se entiende... por ej. en la parte de arriba 1 imagen por ejemplo nubes, en el medio dejar un color de fondo q degrade con las nubes de arriba por ejemplo un celeste y en el fondo tierra como si fuera un pie de pagina para cuando llegan al final del blogg. se entiende mas o menos lo que quiero? :) espero que si! tremendo ciudadblogger! unos genios!!! Saludos!!!
ResponderEliminarCreo entender el concepto, pero usualmente ese tipo de plantillas tienen esas características desde el momento que se crea, pues en base a esas características es como se crea la estructura de la plantilla.
EliminarLo que puedes hacer es simular ese efecto al menos en la parte de arriba. Eso se hace poniendo en el body { una imagen de fondo que no se repetirá hacia abajo, de modo que dará la impresión que la imagen de arriba es un contenedor distinto. El estilo de esa imagen en el body sería así:
body {
background: #fff url(URL de la imagen) repeat-x;
}
Potro. Tengo un problemita, no encuentro el div id='footer-wrapper'
ResponderEliminarMi plantilla ya esta dividida pero yo lo que necesito es un gadgets más debajo de los 3 que ya tengo. El Gadgets debe ser grande porque necesito poner una imagen.
Disculpa las molestias, muchas gracias desde ya!
Revisa debajo del <div class='bottomcover'> parece que debajo están las secciones de gadgets que corresponden a esa área.
EliminarPotro, me gustaría cambiar el tamaño del pie de foto del footer (debajo de las fotos), pero no lo consigo...qué código tengo q añadir?
ResponderEliminar(es en el blog www.blogexquisit.com)
muchas gracias,
Potro, ya está, lo arreglé entrando con el boton derecho del raton...gracias!
ResponderEliminarLlegué tarde, pero qué gusto que hayas sabido cómo resolverlo :)
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro necesito tu ayuda, ubico la linea b:section-contents id='footer-1'/ en la plantilla y la cambio por la que propones y me sale el siguiente error: "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
ResponderEliminarMensaje de error de XML: The element type "b:section-contents" must be terminated by the matching end-tag ""." Como lo arreglo gracias nuevamente
Hola Hector, quita cualquier gadget que tengas ahí, luego intenta de nuevo pero asegúrate que al hacer el cambio no elimines nada de más.
EliminarSaludos.
Gracias Potro pero en mi blog tengo abajo el menu expandible y en la plantilla me sale en el footer, me quedo con la idea para otro blog, graciassss
EliminarHola potro, una consulta: quiero poner de un color mi footer de asesoramientoconsorcios, pero sólo me marca el ancho del blog 950px y no todo a lo largo de la pantalla, como está en la cabecera y abajo de todo, donde están los diseñadores, cómo hago para que el color que le cargo esté todo a lo ancho de la pantalla y no sólo el ancho del blog? y lo mismo para ponerle un header al footer...para que quede todo a lo ancho de la pantalla y no sólo el ancho del blog...gracias!!!
ResponderEliminarHola, mira esta entrada de Karla:
Eliminarhttp://www.compartidisimo.com/2012/04/truco-para-que-el-ancho-de-un-elemento.html
hola!!! le agregué el mínimo en el body, pero sigo igual...no sé qué hacer!!!! Tan complicado es????
EliminarPuede ser complicado según la plantilla, casi siempre tienen esas características cuando son creadas y son diseñadas así en su estructura. Esto es porque un elemento (en este caso esa parte del footer) no puede salirse del contenedor principal.
EliminarSe podría solucionar con una imagen de fondo en el body, pero el problema es que la plantilla ya usa una imagen de fondo para la parte de arriba, así que no veo más opciones.
Hola potro, esto se puede poner en una plantilla instalada? porque en la mia no encuentro lo de footer-wrapper....jajaja y como te comenté en otra entrada, quiero cambiar mi footer, y estoy buscando opciones...gracias!
ResponderEliminarDebe de poderse, sólo es cuestión de que identifiques cuál es el footer de tu plantilla y realices los cambios que se indican.
Eliminarola me podrías decir como poner una imagen en el footer gracias
ResponderEliminarmira aquí hay un tutorial http://diverforos.foroactivo.com/t94-agregar-imagen-al-footer-del-blog pero no se llegar a eso de multi blog y lo que sigue gracias por favor responderme a cristiancmt12@hotmail.com
Depende cuál sea tu plantilla CRISTIAN, no todas las plantillas son iguales, ese tutorial no es para Blogger.
EliminarYa tengo el footer dividido en 3 partes. Pero me falta la zona de añadir gadget final, el grande del final.
ResponderEliminarMe pudieras decir como hacer sólo para añadir el último bloque?
Gracias Potro, gracias de verdad
Si usas una plantilla antigua de Blogger entonces el código ya incluye otra área ahí, pero si usas una plantilla del Diseñador entonces mira lo que dice la entrada:
Eliminar"Con eso estará dividido el footer en tres columnas. No se verá la columna extra hasta abajo que se aprecia en la imagen de ejemplo pues en el caso de esas plantillas los gadgets pueden arrastrase arriba de los créditos y funcionará de igual manera."
Saludos.
Hola, utilizo la plantilla Awesome Inc. y quiero hacer que cuando me meta en una pagina estática de mi blog desaparezca la columna de sidebar y que la zona de entradas ocupe el ancho del blog. La columna sidebar si he conseguido que desaparezca pero no que la entrada se ensanche.
ResponderEliminar¿Podrías decirme como se llama la sección de las entradas para aplicarle este truco?
gracias
Hola jocargali, mira estas dos entradas, con ellas te aclararás:
Eliminarhttp://ciudadblogger.com/2010/10/ocultar-sidebar-en-las-paginas.html
http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html
Hola El Potro, la plantilla que utilizo es Awesome Inc. y parece hacerlo todo menos centrar el #main lo agranda pero se queda donde está. He probado poner "#main {float: center; width: 960px;}" pero nada.
EliminarGracias.
No he comprendido bien, necesitaría ver la entrada o página donde lo has hecho.
Eliminarpues mira como queda http://todogadgetsblogger.blogspot.com/p/mapa-del-sitio.html
EliminarNo has seguido todos los pasos de la entrada, lee el post completo, verás que te hace falta un margen. Cualquier otra duda al respecto la vemos en esa entrada.
Eliminarola potro yha quiero agregarle un foter xon 3 divisiones como lo ago
ResponderEliminarhttp://clubautocad.blogspot.com/
Podrías agregar debajo de <div id='footer'> un código como el del comentario #96
EliminarBuenas tardes, Potro:
ResponderEliminarUna pregunta, no sé si vaya en esta sección, pero ¿cómo le hago para bajar más el footer de la plantilla? es que inmovilicé la sidebar, sólo que ahora al colocar varios gadgets en esa parte, se amontonan. Quisiera bajar más (pensando que esa es la solución) el footer, para crear más espacio y que los gadgets no se amontonen. Mi blog es rs.org.mx. Como siempre muchas gracias por tu ayuda.
Hola Goku, ¿en dónde se amontonan los gadgets? Es que no veo nada mas que una bandera en la sidebar. Pon gadgets donde tengas el problema para que pueda entender qué sucede.
EliminarSaludos.
Gracias por responder, Potro:
EliminarDecidí quitar esa función de sidebar fija por el momento. Si vuelvo a activarla ya te molestaré. Saludos.
Muchas gracias viejo, impresionante el trabajo que haces. SAludos
ResponderEliminarGracias a ti :)
EliminarYo ya tengo las tres columnas, el footer ya estaba asi con la plantilla que me baje..
ResponderEliminarquisiera que encima de esas tres columnas hubiera una sola larga y debajo de esta que queden asi las tres columnas..
como hago para poner una sola columna encima de estas..
gracias te lo agredecere
Yo ya tengo las tres columnas, el footer ya estaba asi con la plantilla que me baje..
ResponderEliminarquisiera que encima de esas tres columnas hubiera una sola larga y debajo de esta que queden asi las tres columnas..
como hago para poner una sola columna encima de estas..
gracias te lo agredecere
Ya te he respondido en la otra entrada sara. De cualquier forma revisa en los comentarios de este post, me parece que ya antes han preguntado lo mismo.
EliminarHola de nuevo Potro,
ResponderEliminarEstoy intentando dividir el footer es este blog (http://www.algo-especial.com.ar/).
Primero que no encontré esta sección:
id='footer-wrapper'>
Entonces lo pegué debajo de esto:
class='column footer last'>
id='footer'>
(tuve que borrar donde decía "div" porque no me lo permitía en el comentario)
No se si está bien eso. Pero en principio el código no me lo rechaza. El tema es que el footer no me aparece dividido en 3, sino en 2, y totalmente corrido a la derecha. Yo creo que es un problema de proporciones, pero cambié los porcentajes y no cambio nada.
Yo no se si es un tema de la plantilla también, porque es bastante viejita ya y tampoco pude ponerle Addthis, es como si las entradas no tuviesen footer (seguramente lo tengan porque abajo aparece la caja de comentarios, pero fue imposible poner los marcadores sociales.
Esta es la plantilla en cuestión: http://btemplates.com/2008/blogger-template-raibow/
No se si podrías orientarme un poco con esto.
Gracias, Ana
Hola Ana, puede ser por la plantilla, veo que tienes un estilo que determina que la clase del footer debe medir 950px así que por eso no lo respeta:
Eliminar.footer { width: 950px;}
Quítalo y mira si se arregla.
Hola, he leido toodos los comentarios pero no encuentro respuesta: ya tengo 3 gadgets en el footer con el diseñador y he puesto dos en la cabecera tal como indicaste. Lo que quiero es personalizar cada uno y que todos tengan la misma medida, ancho y alto. No tengo footer-wrapper
ResponderEliminarDeberé indicar Footer-outer? tampoco exite bottomcover en mi plantilla.
Gracias!!!
Hola Patricia, hasta donde sé las áreas para gadgets como el del footer cuando se agregan desde el Diseñador, tienen todas el mismo tamaño, son proporcionales, quizá puedas verlo de distintos tamaños por los gadgets que tienes ahí, pero al menos el área de los gadgets deberían ser todos iguales.
Eliminar