Generalmente cuando hacemos un menú queremos ponerlo abajo de la cabecera pero en muchas plantillas no hay un apartado debajo de la cabecera para añadir elementos. Aun así hay formas de colocar elementos debajo del header (o sea, de la cabecera) y sin tener que batallar tanto.
Hay tres maneras para colocar elementos debajo de la cabecera y las tres son efectivas:
- Entra en Diseño > Elementos de la página y arrastra el elemento que quieres hasta debajo de la cabecera.
- Otra opción es cambiarlo directamente desde la plantilla, entra en Diseño > Edición de HTML y SIN marcar la casilla de expandir artilugios localiza el gadget que quieres mover de lugar; por ejemplo, un elemento HTML/Javascript sería algo como esto:
<b:widget id='HTML1' locked='false' title='Título del gadget' type='HTML'/>
Selecciónalo y con CTRL + X cortalo, busca un poco arriba el área de la cabecera y pégalo con CTRL + V justo debajo de esta parte:
<b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/>
- La última opción es activando el crosscol. Si usas una plantilla clásica de Blogger verás que debajo de los códigos de la cabecera se encuentra esto:
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
Sólo cambia donde dice no por yes, guarda los cambios y ve a Diseño > Elementos de la página y verás que ya tienes el apartado debajo de la cabecera para añadir más gadgets.
Si tu plantilla no es de Blogger es muy probable que no lo tenga, pero no es ningún problema, sólo busca la etiqueta <div id='main-wrapper'> y arriba de ella pega esto:
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>
Con cualquiera de estas tres formas podrás tener tu menú o cualquier otro gadget debajo de la cabecera.
Ciudad Blogger
jeje Orale soy el primero
ResponderEliminaresta bueno ese truco la vdd si hay muchos que lo rekeremos
mmm lastima que no se pudo mexclar la plantilla raios
Muy bueno el truco.
ResponderEliminarAproposito, ¿tu que opcion usas?
Saludos.
unrealmat, de poderse sí se puede, sólo que requiere de algo de tiempo. Saludos.
ResponderEliminarEl Venado, cuando usaba Firefox usaba el primer método, es el más fácil, pero en Chrome no me permite arrastrarlos así que uso el segundo método. Saludos.
Potro, una pregunta que le hago a todos con dominio .com, cuanto te salió? Estoy juntando dinero paypal mediante neobux. Será muy agotador, pero con mucho esfuerzo estoy seguro de que voy a conseguir algo grande.
ResponderEliminarTal vez en un año pueda pagarme un mes de hosting .com, pero aún presizo más dinero. Que triste, quisiera ser mayor de edad para poder pagarmelo, pero bueno...
Ahora estoy participando en cada concurso que encuentro, jaajaja, bueno, si recuerdas mi pregunta en este raro comentario por favor contestala.
Hola Ascesino96,
ResponderEliminarNo es necesario que contrates hosting ya que todo está alojado en Blogger y eso es gratuito, te recomiendo que sólo compres el dominio (unos 15 USD).
Te dejo un enlace con más información:
Todo lo que hay que saber antes de comprar un dominio
Saludos.
Hola, quisiera saber cual es el problema de mi blog en la parte de diseño, cuando ingreso nuevos gadgets y no puedo ponerlos en orden como quiero, osea que los nuevos quedan siempre arriba cuando yo quiero ponerlos abajo. quisiera recibir soluciones. Gracias.
ResponderEliminarHola Arnaldo Maximiliano Puchetta,
ResponderEliminarNo es ningún problema con tu blog, así es como se ordenan automáticamente los gadgets, el más nuevo se coloca arriba por defecto.
Para cambiarlos de posición usa cualquiera de los dos primeros métodos explicados en esta entrada.
Saludos.
Excelente bro!!! recuerdo que hace unos 4 días tuve que usar la 3ra opción. Al final no termine utilizando el Gadge (que ya no recuerdo no que era), pero bueno, en fin, logre desbloquear un par de "zonas" en las que no podía poner Gadgets.
ResponderEliminarUn abrazo!!!
Hola brother,
ResponderEliminarSiempre es bueno tener varias zonas "desbloquedas" para poner más gadgets, aun cuando no sé vayan a usar en ese momento quizá más adelante puedan ser de mucha utilidad.
Gracias por pasar.
Un abrazo!
Hola, El Potro. Quisiera saber cómo se puede ubicar un gadget, no debajo, sino más bien DENTRO de la misma cabecera (por ejemplo, como lo tines tú aquí en tu página, en donde el buscador está dentro de la cabecera de tu blog); yo quisiera hacerlo así. O en caso similar, quisiera saber cómo se puede ubicar dentro del espacio de la cabecera, un link o una imagen (que no sea la imagen de fondo del blog, sino otra adicional). En resumen, lo que pregunto es cómo se pueden ubicar dentro de la cabecera otros elementos(independientes de la imagen que ya tengamos y del título del blog), sin que entren en conflicto con éstos.
ResponderEliminarMuchas gracias por tu atención.
Ah, y veo que también tienes el gadget que da la fecha del día y otros botones de menú arriba de la cabecera misma de tu página. ¿Cómo haces eso - ubicar elementos arriba de la cabecera-? Es muy complicado?
ResponderEliminarGracias y perdona tanta preguntadera, pero es que veo todo muy interesante. No tienes idea de cuánto he aprendido aquí desde que descubrí Ciudad Blogger.
Simpre me doy una vuelta por tu página, porque siempre nos sorprendes con cosas nuevas y nos respondes con prontitud a todos tus lectores. Además explicas todo de manera sencilla y comprensible. Por eso eres tan visitado. Sigue así, que haces una gran labor.
Y que termines este año de una manera muy feliz y que el 2010 sea un año mucho mejor y lleno de bendiciones para ti y para los tuyos. Felicidades!
Hola Vicky,
ResponderEliminarPara agregar un elemento dentro de la cabecera hay que dividir la cabecera en dos, de manera que una te sirva para el título (o logo) de tu blog, y la otra para colocar algún gadget.
Te dejo el enlace donde Rosa tiene una explicación de cómo hacerlo:
http://elescaparatederosa.blogspot.com/2008/11/dividir-la-cabecera-del-blog.html
Para agregar elementos como menús, fechas, etc. sólo es cuestión de ubicar el área de la cabecera y pegar arriba de ella el código correspondiente, o bien, si se permite, también se podría simplemente arrastrar el elemento.
Muchas gracias por tus amables comentarios, me da gusto que en este espacio encuentres información útil para tu blog.
Igualmente te deseo un próspero y feliz año nuevo. Que te hogar se vea colmado de bendiciones este y todos los años.
Saludos!
Hola potro, una manita en esto.
ResponderEliminarSabes que quiero poner una imagen de blog en construccion, que cuando abra sea como en esta pagina http://www.mastron.net/
Como hago ese efecto en la plantilla y se puede porque yo e visto que se hace
saludos
Hola Omar,
ResponderEliminarDebajo de <body> pega esto:
<span class="item-control blog-admin">
<div style="text-align: center;">Página en construcción</div>
Luego antes de </body> pega esto: </span>
Con eso los demás sólo verán "Página en construcción" y tú podrás ver todo el blog.
Saludos.
gracias potro pero sabes que puse el codigo abre pero cuando termina de cargar queda en blanco y no aparece el texto de pagina en construccion sera porque la plantilla no es de blogger?
ResponderEliminarPerdón Omar, tuve una falla en el código que te di.
ResponderEliminarDespués de <body> pega esto:
<div style="text-align: center;">Página en construcción</div>
<span class="item-control blog-admin">
La otra etiqueta sí se queda como estaba.
Saludos.
WOW Gracias..
ResponderEliminarPor nada ;)
ResponderEliminarHey proto cual es el nombre de tu plantilla que muestra en la imagen
ResponderEliminarPerdon queria decir potro
ResponderEliminarUhhh no recuerdo, tengo muchos blogs de pruebas en los que subo y quito plantillas, sería imposible saber cuál de ellas habrá sido :S
ResponderEliminarok gracias
ResponderEliminarhola amigo quisiera saber como hago para agregarle un intro al blog se puede? si es asi me podrias explicar como hacerlo muchas gracias muy buenos tus consejos
ResponderEliminarHola Somos Locales,
ResponderEliminarQuizá pueda interesarte este tema:
http://oloblogger.blogspot.com/2010/02/otra-pantalla-de-presentacion-facil.html
Saludos.
Potro tengo una pequeña duda soy nueva en cosas de cambiar el blog; en mi plantilla ya me vino el menu sabes como puedo agregar la informacion te lo agradeceria mucho.
ResponderEliminarHola claudia,
ResponderEliminarNecesitas entrar en Diseño > Edición de HTML y ahí buscar el nombre de la pestaña del menú, por ejemplo 'Home' ahí editas tanto el enlace como el título de la pestaña.
Saludos.
buenos días mi estimado.... ya logré hacer funcionar el menú pero no logro ubicarlo en la cabecera, sigo los pasos pero me aparece este mensaje
ResponderEliminarNo se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "b:section" must be terminated by the matching end-tag "".
Disculpa tantas consultas....
Un saludo desde el Perú
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarBuen día Rómulo,
ResponderEliminarNo hay nada que disculpar, en lo que pueda ayudarte lo haré con gusto.
El código debe pegarse antes de la etiqueta </b:section> para que no interfiera con el cierre de esa área, en este caso de la cabecera.
Saludos hasta Perú!
Hola Potro, primero que nada gracias por la información. Aun tengo varias preguntas ojala me puedas echar una mano, cuando alguien entra a un post aparece un anuncio justo debajo del titulo del post, quisiera saber como hacer eso, creo que es algo parecido a lo que me explicabas con los marcadores sociales, pero si yo pego ese codigo de adsense ahi, no es ilegal o no tiene algun prejuicio? Saludos.
ResponderEliminarHola Borest,
ResponderEliminarHay una entrada sobre 10 lugares dónde poner Adsense, incluyendo debajo de las entradas:
http://ciudadblogger.com/2010/01/10-lugares-para-poner-adsense-en.html
Y no, no va contra los términos y condiciones.
Saludos.
Muy bueno amigo, Gracias... pero como hago para activar el gadget al pie de mis entradas y al pie blog? , saludos amigo...
ResponderEliminar¿Cuál gadget?
ResponderEliminarHola Potro, en mi plantilla no encuentro ese codigo, ninguno, se podra agregar en esa plantilla? Saludos.
ResponderEliminar¿En cuál plantilla?
ResponderEliminarme refiero al mismo truco, pero en vez de activar la casilla debajo de mi cabecera, mi deseo es activar la casilla "Añadir un gadget" al pie de mis entradas y tambien al pie de todo mi plantilla....
ResponderEliminarGracias.... :-)
En la de este blog, www.borest.net ahora si ya la agregue, ojala me puedas hechar una mano. Saludos.
ResponderEliminarSN.Systems, necesitaría saber qué plantilla usas para decirte más o menos dónde agregarías el código.
ResponderEliminarBorest, entonces pegalo debajo de <!--/topmenu-->
Gracias Potro, quedo todo bien ;D. Saludos.
ResponderEliminarclaro amigo, con mucho gusto, bueno yo utilizo el template "Emperors". Muchas gracias, en verdad que eres bueno saludos amigo... y tambien muchas gracias por tus atenciones :-)
ResponderEliminarHola ,
ResponderEliminarPara ponerlo debajo de las entradas busca este código (SIN expandir artilugios) y agrega lo que está en negrita:
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
<b:section class='contenedor1' id='contenedor1' showaddelement='yes'/>
</div>
Para poner otro debajo del blog busca esta parte:
</div> <!-- end cwrapper -->
Justo arriba de ella pega esto:
<div id='footer' style='text-align:center'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>
¡Saludos!
Muchasimas Gracias amigo, gracias por la ayuda :-) un abrazote
ResponderEliminarHola Potro, lo primero muchas gracias por tu ayuda, has mejorado mi blog de una manera importante. Tengo una duda, tengo hecho un menú desplegable que está debajo de la cabecera y quería meter un gadget entre la cabecera y el menú, pero no se como hacerlo, porque arrastrando no me deja, me aparece debajo del menú y quiero ponerlo justo encima. Muchas gracias de antemano
ResponderEliminarHola FEPCA,
ResponderEliminarPodrías usar la tercera opción que se explica en esta entrada, de ese modo tendrás el espacio para agregar gadgets debajo de la cabecera.
Una vez que lo has hecho pon el código del menú en un gadget, luego agrega el otro gadget que quieres y muevelos de ubicación a tu gusto.
Saludos.
Muchas gracias Potro, ha quedado perfecto. Un saludo
ResponderEliminarHola potro, quisiera si no e smolestia, que me ayudaras a poner un gadget debajo de las entradas o abajo del todo del blog. Lo he intentado como explicas en unos comentarios más arriva pero no me sale. La primera opción si encontré el código pero al sustituir lo negrita y darle a guardar me daba error. Y la segunda opción sencillamente no encuentro el código en mi plantilla.
ResponderEliminarMi blog es http://gnula.blogspot.com, te agradecería cualquier tipo de ayuda, muchas gracias por tu tiempo, un saludo.
Hola ●๋•╣ҜΞҜΘ╠●๋,
ResponderEliminar¿Cuál era el mensaje de error que te arrojaba?
En la otra opción no aparece tal como está en el ejemplo, pero tienes que identificar cuál es por el nombre del gadget.
Dime qué error te marca y cuál gadget es el que quieres mover.
Saludos.
Hola Potro:
ResponderEliminarQue buenas tus explicaciones, te sigo desde España. Quiero poner texto debajo de la cabecera y por tus explicaciones me sale, pero me gustaria poner diferentes textos, uno al lado del otro, por ejemplo facebbok/ twitter/ chictopia.....uno a uno debajo de la cabecera pero cada uno al lado del otro, no debajo, como puedo hacer?? Mil gracias por tu ayuda y tu tiempo
Hola b a r t a b a c,
ResponderEliminarPuedes poner un elemento HTML/Javascript y ahí poner todos los textos que deseas. Si son enlaces de texto los pones como lo harías normalmente, si son imágenes quizá tengas que poner el código sin espacio de renglones, es decir todo junto.
Saludos y gracias por seguir este blog!
oye potro esta exelente tu blog solo una pregunta sabes como enmarcar asi donde tienes tu: Tantos códigos me han dado mucha sed ¿qué tal una cerveza? enmarcarlo abajo del post ponerle borde y eso y tambien me gustaria hacerlo igual como tu tienes en los comentarios un mismo fondo blanco para todos los comentarios !!
ResponderEliminarCon los artilugios expandidos busca esta parte:
ResponderEliminar</b:includable>
<b:includable id='status-message'>
Justo arriba de ella agrega esto:
<div style='float:left; background:#FFF; border:1px solid #DDD;'>
Aquí el contenido
</div>
Ahí donde se indica agregas lo que quieres meter en el contenido enmarcado que deseas.
Gracias x el truko :D
ResponderEliminarGracias a ti por tu visita :)
ResponderEliminarsaudos potro
ResponderEliminarmira he agregado una nueva sidebar a mi blog al lado izquierdo, hasta el momento todo bien, pero intento poner arrastrando el menu hacia arriba en la cabecera y se me junta con la sidebar izquierda y se desconfigura todo mi blog, sabes como puedo solucionarlo?? tendra q ver con algunas medidas o algo?
se agradeceria
de antemano, gracias.
con respecto al post anterior lo he podido lograr, pero tengo otra pregunta q me esta afectando..
ResponderEliminarel anuncio de google que esta abajo del menu me tapa las sidebares y el main (el titulo del suscribete, parte del main y la foto de la sidebar)... mi pregunta es. como puedo darle espacio entre ese anuncio de google y las sidebars con el main???
PD: es raro pq en mi pc lo veo correctamente, pero he pedido que me vean la pagina en otros pc y les pasa eso lo que mencionaba.
ojala me puedas ayudar con eso:) y el comentario anterior queda resuelto
saludos y gracias
Creo que sería conveniente que consideraras usar otra plantilla; el problema básicamente está en que la plantilla que usas no es compatible con Internet Explorer.
ResponderEliminarEfectivamente se ve encimado el anuncio pero sólo en ese navegador, en el resto se ve bien, además de eso el texto de las entradas y el fodo se vuelve negro en IE lo que hace que no se distinga lo que está escrito.
Dale una mirada a tu blog en Internet Explorer y te darás cuenta de lo que te digo.
Saludos.
si es verdad, lo abri con explorer y las 2 primeras entradas se ve con fondo negro, pero la ultima se ve normal (fondo blanco). por que pasa eso?? no deberian verse todas con fondo negro si estuviera malo?????
ResponderEliminary que plantilla me recomiendas? yo ocupo la minima black
y si cambio de plantilla tendria que volver a crear la pagina todo de nuevo????
y con el tema del margen entre el anuncio de google y el cuerpo, que puedo hacer???
ojala me puedas ayudar con esas preguntas y se agradece tu paciencia
http://todoespoker.blogspot.com
Si es la Mínima entonces debe ser algún cambio que hiciste que afectó esas áreas.
ResponderEliminarPor lo pronto he notado que tienes mal un código y quizá ese podría ser el causante del fondo negro.
En tu plantilla tienes este código:
.post {
background:#fff;
border:1px solid black;
.main .post { margin:0 0 1.5em;padding:0 0 0.5em; padding: 8px; }
margin:.5em 0 0.5em;
border-bottom:0px dotted #000000;
padding-bottom:0.5em;
}
Si te fijas has incluido esa propiedad y su estilo (en negrita) dentro de otro estilo por lo que está fuera de lugar, cada bloque debe ir después de que termina otro, no en medio.
Debe quedar así:
.post {
background:#fff;
border:1px solid black;
margin:.5em 0 0.5em;
border-bottom:0px dotted #000000;
padding-bottom:0.5em;
}
.main .post { margin:0 0 1.5em;padding:0 0 0.5em; padding: 8px; }
si potro, creo q me resulto, al final no era gran cosa y gracias por ayudarme, por lo menos en mi pc se ve bien, ojala me puedas decir como se ve en tuyo y si se arreglo.
ResponderEliminary con respecto a la otra pregunta, como puedo darle margen entre el anuncio de google que esta abajo del menu y las sidebares y main???
saludos:)
No tengo idea, sólo es un desajuste con IE no con los demás navegadores, así que no sabría decirte cuál es exactamente el causante de esa incompatibilidad.
ResponderEliminarhola, espero que me puedas ayudar...la plantilla de mi blog es 'Color Paper' de 'Falcon Hive'... y quiero colocar 2 gadgets..de forma horizontal..debajo de las entradas..¿como puedo hacerlo??..Muchas gracias..byee ^_^
ResponderEliminarDel mismo modo que las dos primeras opciones, ya sea que arrastres el gadget debajo de las entradas o que lo hagas cortando y pegando los códigos correspondientes. La de arrastrar los gadgets me parece que es la forma más sencilla.
ResponderEliminarAmigo: (me ayudaste tanto que ya lo sos, ja!)
ResponderEliminarCambie la cabecera por una imagen, ahora me gustaria que esa imagen sirva de link. En algun momento me parecio ver la opcion, mas ya no, y no púedo eliminar la imagen y volver a hacerlo porq no la tengo! Se puede hacer?
Gracias, saludos
Si la has puesto dentro de un elemento HTML/Javascript entonces sólo usa este código:
ResponderEliminar<a href="URL del enlace"><img src="URL de la imagen" /></a>
Sino fue así entonces necesitaría saber cómo la pusiste y en cuál blog.
¡Saludos!
No no. Partí de una plantilla, fui a Diseño, edité la cabecera colocando una imagen en lugar del titulo y descripcion. Quisiera que esta imagen, a su vez, sea un enlace. el blog es opaobjetos-galeria.blogspot.com
ResponderEliminargracias nuevamente.
Bueno de hecho la cabecera ya tiene un enlace, supongo que lo que quieres es que ese enlace sea otro distinto y no el de tu blog.
ResponderEliminarSi es así entra en Diseño > Edición de HTML, marca la casilla expandir plantillas de artilugios y busca esta parte:
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
Elimínala y cámbiala por esta:
<div id='header-inner'>
<a href='URL del enlace' style='display: block'>
Agrega el enlace donde se indica y listo.
mil gracias!!!!!!
ResponderEliminarHola Potro,
ResponderEliminarHe utilizado tu blog para aplicar muchas soluciones que presentas para el diseño de los blogs, muchas gracias por tus soluciones.
Mi pregunta es:
En diseño/elementos de la pagina ... tengo un gadget justo encima de las entradas del blog. Mi intencion es dividir ese gadget en tres para insertar en cada uno de ellos una slideshow. Como puedo dividirlo?
Mi objetivo es presentar diferentes albumes de fotos y que queden encima de las entradas.
Aunque he estado buscando en la red hacerlo a traves de la programacion javascript/ccs (lo prefiero, porque lo adecuo a mis necesidades) no he encontrado cómo hacerlo.
Cualquier ayuda en esos sentidos te lo agradecere.
Muchas gracias por todo
Hola DaycareWeb,
ResponderEliminarSin expandir artilugios localiza el área de las entradas, su ID se llama Blog1.
Arriba de él pon esto:
<div id='gadget-wrapper'>
<div id='gadget-column-container'>
<div id='gadget-column-left' style='float:left; width: 32%;margin: 2px;'>
<b:section class='gadget-column' id='gadget1' maxwidgets='3' showaddelement='yes'>
</b:section>
</div>
<div id='gadget-column-center' style='float:left; width: 32%;margin: 2px'>
<b:section class='gadget-column' id='gadget2' maxwidgets='3' showaddelement='yes'>
</b:section>
</div>
<div id='gadget-column-right' style='float:right; width: 32%;'>
<b:section class='gadget-column' id='gadget3' maxwidgets='3' showaddelement='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>
<div style='clear:both;'/>
Con eso deberá aparecer el área para que agregues tres columnas de gadgets arriba de las entradas.
Hola El Potro, mira que tengo una pregunta jeje (para variar)...
ResponderEliminarseguì tus instrucciones(¿recuerdas que uso las nuevas benditas plantillas?,yo y mis ideas...bueno),pues, cambiè el no por "yes", pero no me funciona.Puede ser que sea porque tengo las paginas estàticas?,yo querìa agregar un menù horizontal con las etiquetas,abajo del menù de las pàginas estàticas¿ se podrà?.Si sabes..¿me dices por favor?
Saludos y muchas gracias por la paciencia!
Ya està Potro, no hagas caso mi comentario anterior,encontrè una soluciòn, no era lo que querìa ,pero queda bien igual.Cambiè las pàginas estàticas ,que estaban horizontales ,a la sidebar y ahora puedo crear e menù de etiquetas.
ResponderEliminarGracias!
Saludos.
Vale, qué bueno que lo has solucionado :)
ResponderEliminarcomo hago para crear botones en el blog (tengo instalado el dreamweavercs3 ¿este programa es util para crearlos? un saludo desde españa
ResponderEliminar¿Exactamente a qué botones te refieres?
ResponderEliminarHola Potro me gustaria cambiar la cabecera de mi blog por un texto animado que hice con un programa Magix 3d maker,¿hay algun gadget para insertar animaciones? los formatos son Gif, Flash, o Avi
ResponderEliminardesde ya mil gracias!
Hola Vero,
ResponderEliminarSi es en formato GIF entonces sólo sube la imagen desde el gadget de la cabecera como lo harías normalmente.
Si se trata de un archivo hecho en flash (swf) entonces mira esta entrada.
Hola! Te escribo por primera vez para hacerte una consulta.
ResponderEliminarEstoy intentando volver a darle vida a mi viejo blog, y modifiqué varias cosas ya que la plantilla que le había puesto quedaba hermosa pero me inhabilitaba muchas opciones. Quisiera poner debajo del título frases que varían a medida que uno actualiza la página. Es decir, que por ejemplo, siendo mi título "Pensar Es Peligroso" debajo aparezca una frase (por ejemplo, un refrán), pero que al actualizar la página, dicho refrán cambie.
Un amigo tiene esta opción (laceitunadescarozada.blogspot) y me gustaría mucho poder hacer algo similar.
Desde ya, te agradezco muchísimo.
Pini.-
Hola Pini,
ResponderEliminarMe da gusto que hayas retomado tu blog y que quieras hacerle mejoras.
Hay dos opciones para conseguir lo que deseas, una es usar este script y ponerlo dentro de un gadget para después arrastrarlo debajo de la cabecera.
Y la otra es incluir directamente en la descripción del blog frases al azar, de modo que la descripción del blog siempre varíe.
Saludos y mucho éxito.
hola, mi duda es como hago para poner un gadget debajo de las entradas del blogger, para dividirlo en tres, y asi poder poner lo que que quiero, la plantilla la baje de deluxetemplates.net, y el nombre es : Otoño de la Oscuridad
ResponderEliminarmi pagina: www.lawebdejosefer.com.ar, hay la miras
espero su respuesta
Sin expandir artilugios busca este código:
ResponderEliminar<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
Justo debajo de eso agrega esto:
<div id='G1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='G2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='G3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section id='col3' preferred='yes' style='float:right;'/>
</div><div style='clear:both;'/>
Este comentario ha sido eliminado por el autor.
ResponderEliminarmuy buen dato una consulta como puedo colocar un gadget horinzontal debajo de la cabecera uno al lado de otro
ResponderEliminarNecesitaría saber en cuál blog deseas hacerlo para decirte dónde poner los códigos.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarSin expandir los artilugios busca un código como este:
ResponderEliminar<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title=' (cabecera)' type='Header'/>
</b:section>
</div>
Debajo agrega esto:
<div id='gadgets-header'>
<div style='width: 45%; float: left; margin:0; text-align: left;'>
<b:section id='gad1' preferred='yes' style='float:left;'/>
</div>
<div style='width: 45%; float: right; margin:0; text-align: left;'>
<b:section id='gad2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
Saludos.
ok grasias master me funciono
ResponderEliminarmuy agradecido
Hola Potro probe la tercera opción pues a mi se me hizo más fácil, quedo exelente!!!! como siempre con tu ayuda estoy aprendiendo algo más, muchisismas gracias de todo corazón =)
ResponderEliminarQué gusto que te haya servido. Gracias a ti nuevamente por tu visita y tu comentario :)
ResponderEliminarHola Potro. Llevo un montón de horas aplicando trucos para mejorar mi blog y algunos me funcionaron estupendo (qué suerte haberte encontrado!!), pero con otros tengo problemas. Te agradecería mucho que pudieras ayudarme!
ResponderEliminar1. Logré centrar la imagen de la cabecera, según tus consejos, pero ahora no se muestra completa (la corta por arriba y por abajo) y además aparece por delante el título del blog. Cuando subía la imagen directamente desde el diseño de páginas, me la subía correctamente pero no me la centraba.
2. Yo también quisiera dividir el espacio que queda debajo del menú de páginas en 2 ó 3 espacios (donde ahora me aparece un sólo gadget de texto), pero no logro encontrar el lugar donde poner el código que indicaste más arriba.
3. Estoy usando la plantilla sencilla del nuevo Blogger y no sé porqué me pone un fondo blanco y me sombrea todas las imágenes. En las columnas laterales conseguí eliminar el efecto subiendo las imágenes con HTML y poniendo "border=0" en el código, pero esto no me funciona en las entradas ni en las páginas estáticas. Cómo puedo eliminar ese efecto, especialmente en las páginas estáticas?? (por cierto! Me funcionó genial lo de eliminar el título de las estáticas!!)
4. Me gustaría añadir una imagen como separador entre las entradas (en lugar del recuadro que tengo ahora configurado). No logro encontrar dónde indica cómo hacer eso (o sea, añadir un gadget con una imagen SIN RECUADRO NI SOMBRA en medio de todas las entradas.
Perdona que haga tantas preguntas en un sólo comentario, pero querría poder arreglar el blog de una vez ya!
Muchas gracias anticipadas por tu labor!!!
http://thelittleangel-marian.blogspot.com/
Ahhhhhhh!!!!! Encontré lo del separador... pero ahora me lo pone encima de las "etiquetas"... aishhhhh... helpppppppppp!!!!
ResponderEliminarY otra cosa: añadí un contador de entradas, pero le quise quitar el texto con los enlaces a la web, y ahora no me suma las entradas... o sea, dejó de funcionar!!
En fin, que estoy haciendo un curso acelerado de HTML!! jeje
Mil gracias por tu ayuda!!
Buenas de nuevo... aquí la "pesada"!! jeje. Bueno, ya logré solucionar el problema de la cabecera y la imagen para separar los posts, que al final lo dejé como "subrayador" de los títulos y me gusta cómo queda.
ResponderEliminarTambién solucioné lo del contador, instalando otro.... y ahora voy a ver si consigo dividir el gadget de debajo de la cabecera.... que me vuelvo loca para encontrar las líneas que indicas de código!! Hay alguna manera de encontrarlas más rápido???
Mil gracias de antemano!!! Besos
LO LOGRE!!!!! jeje.... Conseguí poner los gadgets debajo de la cabecera, y además de anchura variable. Me va genial!!! Gracias, gracias!!!! :-)
ResponderEliminarContinúo teniendo el problemilla del recuadro sombreado en las imágenes de las páginas estáticas, que no consigo eliminar.
Y luego, al ver el blog en IE, tengo problemas:
1. Veo el título del blog en negro, por delante de la imagen de la cabecera (definida como "background")
2. No veo el reloj, que es un flash.
Si me puedes ayudar con esto, sería genial!!
Besos
Hola Marian,
ResponderEliminarMil disculpas que no te haya podido asistir en tu problema pero por ahora estoy sin computadora y no he podido entrar para nada a revisar los comentarios. Sin embargo, me da gusto que hayas podido resolver gran parte de todos los inconvenientes que tenias.
Para eliminar esa sombra en las imagenes busca estas dos partes en tu plantilla y en ambas partes elimina lo que esta en negrita:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 5px;
background: #fff;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
Si no ves el gadget en flash desde Internet Explorer entonces es posible que no tengas instalado ahi el plugin de Flash para poder visualizar ese tipo de archivos, asi que necesitas descargarlo.
Sobre el titulo yo lo veo perfectamente bien, al menos en la version 8 de Internet Explorer se ve bien.
Saludos!!!
Hola Maestro!! Qué alegría tener tus noticias!! jeje
ResponderEliminarNo te disculpes por tu ausencia.... Me ha servido muchísimo para empezar a "entender" un poco el "misterioso" HTML y como uno de mis lemas es que el "saber no ocupa lugar", sin problemas!! :-)
Ggracias por lo del sombreado en las imágenes!! Ahora lo miro.
Y lo del título en IE, al final encontré la manera de eliminarlo!!! jeje... soy un poco persistente, y al final eliminé "a saco" las líneas del condicional inicial de que si no hay imagen de cabecera que se escriba el título del blog... Así no se ve en ningún navegador. No sé si es muy ortodoxo, pero la cuestión es que funciona!
En cuanto al flash del reloj, al final lo tuve que quitar, porque seguía dando problemas con el IE a pesar de comprobar que sí tenía instalado el plugin del Flash, y pasaba lo mismo con el Firefox de Linux, así que nada, de momento sin reloj. No sé porqué ese flash en concreto daba problemas, y otros no.... en fin, misterios de la técnica!
Ahora me estoy "peleando" con otra cosita, pero por el momento te dejo tranquilo... Buceando por tu blog estoy aprendiendo un montón, así que de momento me apaño!
Mil gracias por todas tus aportaciones!!!
Besos,
Marian
Soy igual de persistente así que te entiendo muy bien, entonces qué bien que te ha venido mi ausencia, de ese modo has podido aprender más, estoy seguro que sí :)
ResponderEliminarEn el caso de esos gadgets siempre es mejor prescindir de ellos, sobre todo si no tiene gran utilidad para los lectores, pues además de que pueden presentar esos problemas terminan alentando la carga del blog.
Saludos y cualquier cosa ya estaré de nuevo por aquí, así que no dudes en preguntar cualquier cosa que necesites.
Besos.
Hola potro,me gustaría poder agregar 1 columna para gadget al final del footer(bájo las 3 columnas que existen ahóra),que ocúpe todo el ancho de la pagina, podrías por favor decirme como hacerlo? te déjo la dirección del blog, muchas gracias por todo.
ResponderEliminarhttp://cal-fotografias.blogspot.com
cal
En las plantillas hechas a través del Diseñador de Blogger no sabría decirte. Poco sé sobre ellas.
ResponderEliminarMuy buenas Potro,
ResponderEliminarEn primer lugar muchas gracias por la ayuda que prestas a todos los usuarios y enhorabuena.
Una pregunta de novato total. Para insertar un gadget en HTML dónde lo tengo que hacer? Tengo los códigos de un par de gadget que quiero insertar en mi blog, pero no tengo ni idea de cómo hacerlo ya que no sé dónde tengo que insertar el código.
Muchas gracias de antemano y enhorabuena otra vez.
Hola El Pico Del Area,
ResponderEliminarSólo entra en Diseño | Elementos de la página | Añadir gadget, y selecciona el que se llama HTML/Javascript, ahí pega el código de los gadgets que quieres.
Saludos.
Como se menciona en la entrada el crosscol tiene las indicaciones para las plantillas clásicas de Blogger y la tuya no es de esas, pero puedes probar poner el código del crosscol arriba de <div id='wrapper'>
ResponderEliminarEl leer más no lo puedes poner porque de hecho ya lo tiene incluido tu plantilla, es por eso que se ven en resúmenes las entradas.
Hola Potro, felicitarte y agradecerte las numerosas ayudas que me has proporcionado con tu magnífico blog.
ResponderEliminarSoy un novato en estos temas.. apenas llevo un año con mi blog y me gusta cambiar a menudo el diseño de la plantilla. Algunas me quedaron aceptables gracias a tus consejos.
Mi problema es el siguiente: utilizo un modelo del nuevo diseñador de plantillas de Blogger. Y lo que pretendo es justo lo contrario a lo que sugieres en tu post: ¿Cómo eliminar el widget (gadget) que está colocado entre la cabecera y la columna de los posts? Lo que pretendo es que la columna de las entradas se equilibre en la misma altura que la columna de la sidebar derecha... ¿puede ser?
Te agradecería (en caso de respuesta) que tu explicación la pudiese entender de manera fácil y sencilla.
Mi blog : http://malperthuis.blogspot.com
Mil gracias.
Hola DELIO,
ResponderEliminarEn realidad en el caso de esa área si no tienes gadgets ahí es como si no existiera, vaya, no ocupa espacio si no tiene agregados gadgets.
Probablemente se pueda subir algún contenedor para que se vea a cierta altura aunque no me queda claro qué quieres que se vea equilibrado pues tanto el área de las entradas como tu sidebar las veo a la misma altura.
Saludos.
Gracias compañero por responder. Justamente después de plantearte mi duda quité un gadget que tenía de mi anterior plantilla y agrandé el tamaño del título.
ResponderEliminarMe averguenza un poco molestarte con estas preguntas tan básicas.
Lo único -como tú bien apuntas es lograr un poquito más espacio separador entre el título y la columna de las entradas.
Créeme que se equilibraron por arte de magia.. porque hasta hace poco se quedaban cojitas. He quedado fatal.
Bueno, campeón... gracias por tus consejos y por tu magnífica labor que realizas.
Un fuerte abrazo.
No tienes de qué avergonzarte en absoluto pues todos iniciamos sin saber nada en estos menesteres.
ResponderEliminarQué bien entonces que ya lo tengas resuelto, de cualquier forma si ocupas algo (aunque sea muy básico) no dudes en preguntar que en lo que pueda estaré encantado de ayudarte.
Saludos.
Hola Potro, a ver si me puedes echar una mano: utilizando el segundo método, cuando le doy a CTRL + V no se me copia si no que me sale la paleta de colores.
ResponderEliminarHola martinyfelix,
ResponderEliminarCTRL + V no es para copiar sino para pegar. Primero necesitas cortar con CTRL + X.
Si tuvieras problemas con esos comandos selecciona lo que necesitas cortar y con el botón derecho del mouse da click para que aparezca el menú contextual y desde ahí puedas seleccionar la opción de cortar y pegar lo que has seleccionado.
Muchas gracias Potro, al final me he apañado copiando y pegando a la manera tradicional.
ResponderEliminarantes que nada, un saludo.
ResponderEliminarbueno aamm pues e estado buscando en muchas partes como poner las 3 columnas de pie de paguina(footer) en codigo html, y no encuentro por ningun lado, bueno si alle pero en mi plantilla no encuentro algunos codigos que se tiene que poner :S, y pues no se como acerle a la plantilla para poner las columnas.
bueno aki te dejo el blog de prueva que tengo
http://bprueva01.blogspot.com/
es la misma plantilla que uso en mi blog
pero pss las pruevas son importantes ahah para no echar a perder tanto el blog.
bueno gracias y ahi cuendo tengas chance le echas un vistaso, aver si se puede acer algo.
aqui me pasare esperando una respuesta :D
bueno muchas gracias, cuidate!
Sobre eso ahora no tengo un tutorial, te recomiendo que dejes el comentario en donde has visto el post, seguro podrán ayudarte.
ResponderEliminarÉste está bien explicado:
gemablog-.blogspot.com/2009/04/columnas-en-el-footer.html
Si tuvieras dudas te aseguro que Gem@ podrá orientarte perfectamente ;)
ok le intento, aver si me ayuda gracias:D
ResponderEliminarno me urge mucho pero si se pudiera poner kedarian mejor. gracias ^w^b
hola pootroo soy yo por aqui..
ResponderEliminarEl caso de mi plantilla
http://proyectonuevohrod1.blogspot.com
es que tengo todos los showaddelement: yes
pero no me aparece otal vez si pero no completo:
http://dl.dropbox.com/u/6961773/cambio%20uno.jpg
y yo quiero poner un espacio para q todo qde asi
http://dl.dropbox.com/u/6961773/cambio2.jpg
y si no se puedee pss tal vez saber dond puedo poner por ejemplo un fanbox de facebook asi
http://dl.dropbox.com/u/6961773/camio3.jpg
Espero que puedas ayudarme..
Saludos.
Pues eso depende de la estructura de cada plantilla, si la pantilla lo permite se podrá agregar un elemento ahí pero sólo si la estructura lo permite, en esa plantilla no lo sé, no la conozco :/
ResponderEliminarHola Potro! Quería preguntarte con respecto a tu respuesta #70, cómo hago para debajo de la cabecera dividir el espacio en dos columnas para ubicar 2 gadgets.
ResponderEliminarNo son del mismo tamaño, así que por favor aclarame bien cómo hago para ir adaptando el espacio al tamaño de mis gadgets (son dos banners de flashvortex.com)
Abrazo gigante!
Gracias y buen fin de semana!
R.
Hola Rodrigo,
ResponderEliminarEn estos días prepararé una entrada sobre ello pues es una pregunta muy recurrente.
Un abrazo y buen fin de semana igualmente!
Genial!
ResponderEliminarEhm... cómo me entero...?
=/
En el menú hay una sección que se llama 'Suscripción', ahí hay distintas formas para que te suscribas al blog y puedas estar enterado de las últimas publicaciones ;)
ResponderEliminarHola Potro, he probaU lo de lacabecera y me aparece el espacio para el gadget. El problema es que está muy separado del título del blog.
ResponderEliminarLo que quiero hacer, es poner mi menu marquesina justo debajo del título de la cabecera. Mi plantilla es de por ahí y supongo que por eso no me da muchas opciones...
¿Puedo hacer algo?
Gracias tío
Hola Gorka,
ResponderEliminarLo que sucede es que todas las cabeceras de todas las plantillas tienen un ancho ya sea especificado por un código o determinado de forma automática. Dificilmente en ninguna plantilla los gadgets se pondrán uno inmediato del otro.
Lo que puedes hacer es poner el gadget debajo de la cabecera, y ya puesto me dices en cuál blog lo has colocado para indicarte cómo poner un margen con valor negativo a ese gadget exclusivamente para que lo obliguemos a subirse y se acomode debajo del título.
Hola Potro, he estado probando superponiendo imágenes del blog en word pa ver como quedaría, y me parece que no sería una buena idea. NO queda mu bien ;(
ResponderEliminarGracias de todas formas!!!!
gracias hermano salududos y exitos ¡¡¡¡¡XD
ResponderEliminar¿Te apareció algún error? Es necesario que des los detalles del problema para saber cómo es que puedo ayudarte.
ResponderEliminarSegún ese fragmento que pones tu plantilla ya tiene crosscol así que con seguir el primer método de arrastrar el gadget debe ser más que suficiente para que se coloque debajo de la cabecera.
ResponderEliminarLo que pasa es que la plantilla que usas esconde el contenedor del crosscol.
ResponderEliminarBusca esta parte y elimínala:
body#layout #crosscol-wrapper {
display: none;
}
Con eso podrás ver que aparece el contenedor para añadir gadgets debajo de la cabecera.
WordPress es otra plataforma para montar tu blog, hay dos versiones, wordpress.com y wordpress.org
ResponderEliminarEl primero es gratuito, similar a Blogger pero muy pobre en opciones, realmente no vale la pena. El segundo es mucho más completo, sólo que es de pago, es decir, descargas el programa gratuitamente pero a diferencia de Blogger tienes que comprar un dominio y pagar mensualmente un hosting que es donde se alojará tu blog. Sin esos pagos no puedes publicar tu blog.
Saludos.
No es un problema de la plantilla. Mira esta entrada, ahí se habla de eso:
ResponderEliminarhttp://ciudadblogger.com/2011/06/cuando-en-el-blog-aparecen-menos.html
Hola Potro, he puesto el gadget y la verdad es que estaba deseando ponerlo y no sabía como... el problema es que me sale el icono de edicion rapida en los gadgets de la cabecera siendo asi que los tengo ocultos en el resto del blog ¿como podria quitarlo?
ResponderEliminarHola Artemisa,
ResponderEliminarLos iconos de edición rápida aunque se configuren para que no salgan siempre se muestran, pero descuida que esos sólo puedes verlos tú, el resto de los lectores no los vemos ;)
hola potro como ago si la platilla en la cabezera esta desapaltada ..quiero que aya una cabezera y que no este dividida
ResponderEliminarHola, no me ha quedado claro, ¿a qué te refieres con la cabecera desapaltada?
ResponderEliminarHola potro como siempre tu pagina esta muy buena y informativa
ResponderEliminary sobre todo los tutoriales son muy buenos, veo que sabes mucho de blog y me gustaria
hacerte dos preguntas te cuento quiero cambiar la template de mi blog por esta y quiero agregarle
widget debajo de la cabecera del blog y segui todo lo que explicas pero no funca y la otra pregunta segui paso a paso
el tutorial S3Slider: Mostrar contenido destacado, me salio pero el logo de la descripcion no me sale como en el ejemplo que das
si pudieras ayudarme amigo te lo agradeceria,saludos
aqui esta la template con que estoy trabajando,te doy este link ,pero ahun no la cambio
http://www.xmlbloggertemplates.com/2011/insurance-co/
Hola Luz777,
ResponderEliminarMuchas gracias por tu comentario.
El problema con tu plantilla es que no tiene un gadget de cabecera, todo eso que ves ahí está añadido directamente en la plantilla.
Pero igual puedes poner arriba de esta línea:
<div id='columns'>
Lo siguiente:
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>
Con eso aparecerá el área para añadir gadgets.
Sobre la otra pregunta deja la duda en esa entrada junto con la dirección del blog donde lo has puesto para que podamos darle el seguimiento adecuando y no desviarnos de este tema ;)
¡Saludos!
potro y is quieroun gadget asi pero en otra parte arriba de entradas que codigo es ?
ResponderEliminarHola ☼ Dj.Ryky99™ ♪,
ResponderEliminarPara poner los gadgets arriba de la cabecera, entra en Diseño > Edición de HTML y sin expandir artilugios busca esta línea:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Cambia ese maxwidgets='1' por maxwidgets='5'
Luego entra en Diseño > Elementos de la página y ya podrás arrastrar el gadget encima de la cabecera del blog.
Saludos.
Pues si en el footer ya tienes el espacio para agregar gadgets sólo basta con arrastrarlos. Si no los tienes puedes agregar lo que se dice en esta entrada:
ResponderEliminarhttp://ciudadblogger.com/2011/05/dividir-el-footer-del-blog.html
Por eso te decía que puedes agregar los códigos que se mencionan ahí, así tendrías el área del footer.
ResponderEliminarPues no he sabido de nadie más con el mismo problema, ¿ya probaste hacerlo desde otro navegador?
ResponderEliminarSon problemas que se dan en todos los navegadores. Si eliminas las cookies, caché e historial deberá funcionar de nuevo en Chrome.
ResponderEliminarVaya, al final he puesto la consulta en otra entrada. La pongo aqui bien (sorry)
ResponderEliminarHe puesto 5 gadgets en el crosscol y no consigo q se vean los titulos. Yo creo que falta espacio, pero no se dónde arreglarlo. Alguna idea?
Muchas gracias,
Jaja, no había visto este comentario, pero ya te he respondido en la otra entrada ;)
ResponderEliminarSaludos!
hola potro ve e intentado resolver un problema pero no pude pues resulta que la cabezilla de mi blog estaba dividida segui los prosedimientos del como dividir la cabezera pero ise todo al contrario osea para quitar la otra parte. pues lo logre pero mi cabezea aun sigue pero a la mitad del blog. creo q lo unico que ise fue eliminar la otra parte pero yo quiero q mi cabezera se vea completa como hago?
ResponderEliminarHola All Music,
ResponderEliminarNo veo una imagen en la cabecera de tu blog, pero de cualquier manera, para dejar la cabecera al ancho normal busca esta parte:
#header {
margin: 0 auto;
height: 50px;
$bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}
Y cámbiala por esta otra:
#header {
margin: 0 auto;
height: 50px;
color:$pagetitlecolor;
float:left;
width:100%;
overflow:hidden;
}
Hola, tengo una pregunta medio idiota (no se mucho de lenguaje html) estoy armando este blog www.blogdelapiz.blogspot.com y quisiera saber como puedo eliminar el espacio que hay entre las paginas y la fila de fotos que estan debajo de la cabecera. Muy bueno tu blog, me ayudo bastante.
ResponderEliminarHola Marco,
ResponderEliminarAñade antes de ]]></b:skin> lo siguiente:
#Image1 {margin-top:-30px;}
Hola
ResponderEliminarotra vez, sigo con esta duda de como subir un gadget arriba de la cabecera¬¬...
ps segun esto, como podria poner arriba el gadget?
supongo q con la opcion 2 pero como?
y si hago eso, = estaran disponibles los gadgets debajo de la cabecera?? osea quiero gadgets arriba y abajo de la cabecera xD
Gracias...
Igual que como se explica con el método número 2, sólo que no lo pongas debajo de la línea que se indica sino arriba.
ResponderEliminarLos demás de abajo seguirán disponibles pues no estás moviendo el área, sólo estás cambiando de lugar el gadget.
Gracias
ResponderEliminarme salio bien poner el widget pero,,..
La lista de paginas, ya no me salio en Horizontal sino vertical... como hago para cambiarlo---
ps antes de ponerlo arriba de la cabecera, estaba en horizontal.. a q se debe eso ?? q podria cambiar? para q siga horizontal
mira asi me quedo, la lista de paginas en vertical¬¬
ResponderEliminarhttp://blogprueba2l.blogspot.com/
como hago para q vuelvan en horizontal
Gracias..
En horizontal y con los estilos del gadget de páginas ya no va a quedar porque cuando hiciste los pasos para usar cualquier menú en esas plantillas se eliminó todo estilo que haga que queden así, por lo tanto si quieres que queden como un menú horizontal tendrías que poner no el gadget de páginas sino un menú en un elemento HTML/Javascript.
ResponderEliminarOK,
ResponderEliminarGracias, entonces pondre un menu, con los links de las Paginas creadas xD, osea q sera lo mismo :)
saludos...
Amigo, yo quiero poner un gaget en la partesuperior de la cabecera, mi plantilla la tenía, pero no se q pasó y ahora ya no la tiene.... es importante para mi que la tenga. AYADAME PORFA! bss_jkchi@hotmail.com muchas gracias
ResponderEliminarEs el mismo procedimiento que el segundo método, sólo que en lugar de pegarlo debajo de, lo pegas arriba de.
ResponderEliminarGracias... lo hice!!!
ResponderEliminarSolo que ahora quedan otros problems
-Poner Audio y un reproductor mp3 (tanto con gadgets y en las paginas)...
- Tambien las entradas del blog son resumidas a un costado la Imagen, al otro costado el texto... se ve muy mal! Yo quiero las entradas normales, pues no se como poder hacer para q tenga entradas normales...
-Como poner numeración a las paginas que muestran las entradas... solo aparece entradas nuevas--Entradas antiguas! Quisiera numerado!
Son muchas cosas las que faltan, y aun no tiens post! Si por ahi sabes cómo... postealas porfa.
Nos haces una gran ayuda... gracias brother
En la sección de Música podrás encontrar algunos reproductores que puedes usar.
ResponderEliminarSino deseas tener el Leer más, mira esta entrada para saber cómo quitarlo:
http://ciudadblogger.com/2011/07/quitar-el-leer-mas-automatico-en-las.html
La numeración se llama paginación, yo no tengo un tema sobre ello pero en la red hay varios tutoriales sobre eso.
Saludos.
saludos
ResponderEliminarMe resultó!!!
Pero, se me obscurecieron las letras...
Sabes que paso?
http://bioregionvallemaipo.blogspot.com/
Busca esta parte y elmina lo que está en negrita:
ResponderEliminar#header a {
color:#fff;
text-decoration:none;
text-shadow: 2px 2px 2px #000;
}
Hola el Potro!
ResponderEliminarun apregunta.. ando buscado tu post sobre el cual cuentas como dividir. lo mismo que haces aqui pero sale dividido..
Si me lo puedes facilitar seria de gran ayuda!
(a lo que me refiero.. es que ensima las entradas que quepan 2 gadgets uno al costat del otro).
Gracias !!
Claro que sí NE, aquí está la entrada que buscas:
ResponderEliminarhttp://ciudadblogger.com/2010/08/dividir-la-cabecera-del-blog.html
Si no es esa entonces es esta otra:
http://ciudadblogger.com/2011/05/dividir-el-crosscoll-del-blog.html
Genial!! Muchisimas Gracias!!
ResponderEliminarTengo otro problema... que llevo 1 dia y medio intentando solucionar.. en los foros tampoco me han podido ayudar.. entonces recorro a ti.. (me da verguenza molestarte tanto).
Me seria de gran ayuda que me dijieras que codigo exactamente hace la funcion de las entradas el efecto Magazine.. para poderlo desactivar en las paginas estaticas.
Esta es la plantilla:
http://ganardinerotrabajandoadistancia.blogspot.com/
Y esta es la pagina estatica:
http://ganardinerotrabajandoadistancia.blogspot.com/p/paso-2-imprimir-catalogo.html
El objetivo es que la pagina estatica sea nomal y corriente.. sin magazine.
Si me puedes pegar el codigo que tengo que ocultar en las pagina estaticas!!! Seria de muchisima ayuda!
Muchas Gracias!! Y perdona por molestarte (Espero que sea la ultima vez) xd
No conozco esa plantilla pero puedes probar con esto:
ResponderEliminarExpande los artilugios de tu plantilla, encontrarás un código muy parecido a este:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id' ><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Agrega lo que está en negrita, con eso podría excluirse el Leer más en tus páginas (si es que la estructura de la plantilla no es complicada).
Hola potro! Muchisimas Gracias! pero me da error.. encontre el codigo y puse de la misma manera que tu y me dice lo siguiente no se por que:
ResponderEliminarNo se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "b:if" must be terminated by the matching end-tag "".
Debe haber un código mal puesto, debe estar justo como está en el ejemplo, sin eliminar nada o modificar algo más.
ResponderEliminarcomo puedo pegarte el codigo? Para que lo veas?.. llevo intentandolo de todas formas.. pero sin exito ninguno..
ResponderEliminarNecesitas convertir el código a texto plano para poder ponerlo en un comentario.
ResponderEliminarHola potro! Hacin es como deje el codigo y me da error:
ResponderEliminar<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div></a>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<b:if cond='data:blog.pageType != "static_page"'>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Ojala me puedas decir donde hago mal..
Muchas Gracias por tu gran ayuda potro!
Pues ahí sí se aprecia un error, pero igual no veo la parte de arriba que sea igual a lo que pensé que sería. ¿Cuál es la plantilla original?
ResponderEliminarLa plantilla ? uff como te la paso? Te dejo mas codigo.. haber si hacin se ve mas claro..
ResponderEliminarfunction removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div></a>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='adsf' style='margin:25px 10px 5px;'>
<div align='center'>
<h2>¿Te gusta?</h2>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=61&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:61px'/>
<a class='twitter-share-button' data-count='vertical' data-lang='es' expr:href='"http://twitter.com/share?text=" + data:post.title + "&url=" + data:post.url + "&via=tucuenta&related=turecomendacion"'/><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='tall'/>
<!-- Place this tag after the last plusone tag -->
<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='top' type='in/share'/>
</div>
</div>
</b:if>
No, necesito saber dónde la has descargado para que pueda descargarla y ver la estructura, así sabré qué tan complicado está el asunto.
ResponderEliminarMuchas Gracias El Potro!
ResponderEliminarTe dejo el enlace de la plantilla (Esta subida a Google sites)
https://sites.google.com/site/cochescaros/flashh/vertiendas.xml?attredirects=0&d=1
Bien, esta parte sí es como te decía, quizá no lo has puesto correctamente y por eso te da error. Debes agregar lo que está en negrita:
ResponderEliminar<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div></a>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Lo mismo en esta parte:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style>
/*homepage styles
-----------------------------------------------------------------------------------*/
....
....
....
....
....
.post img {
height:160px;
width:236px;
border:1px solid #ddd;
}
.post img:hover{border:1px solid #a3cbe4;}
</style>
</b:if>
</b:if>
Genial Potro!! Muchas Gracias!!
ResponderEliminarUltima cosa.. facilitame el boton de donaciones! Por que te has ganado 15€!
Gracias!
(Espero que sea suficiente!)
ResponderEliminarMuchas gracias NE, al final de la sidebar está el botón de donaciones.
ResponderEliminarQué bueno que todo se resolvió como esperabas :)
jaja ! Deberias de poner el boton de donaciones justo ensima del recuadro de comentar.. (Supongo que entenderas por que)
ResponderEliminarY también te digo algo.. que quizas lo sabias.. pero que si tienes activo el HTML en los comentarios.. te pueden meter la etiqueta No Index, lo lei en este articulo: http://www.vivirdelared.com/2010/11/5-formas-de-cargarte-los-rankings-de-google-de-una-pagina/
Y también yo de ti remplentearia de enviar el coriculom a Google, ya que hay un foro de Blogger oficial del google (este: http://www.google.es/support/forum/p/blogger/label?lid=7325950ed6049880&hl=es)
Y no cabe duda que das la talla!
un Saludo el potro! y nuevemente Muchas Gracias!
Hace tiempo tenía ese botón justo debajo de las entradas, pero tampoco ahí surge efecto, jaja.
ResponderEliminarLo del noindex no sé qué tan efectivo sea para perjudicar a alguien, se supone que las metatags sólo funcionan dentro del HEAD, y los comentarios están dentro del BODY, así que quién sabe...
Fíjate que pocos lo saben, pero poco antes de abrir este blog ayudaba en ese foro, estuve ahí un par de meses hasta que tuve unos roces con otras personas que mas que ayudar pretendían que nadie les quitara su reconocimiento (ya sabes, lucha de egos), así que preferí no involucrarme más en ese foro y me decidí a ayudar con este blog donde nadie me pone un límite para ayudar a la gente.
Saludos y gracias nuevamente por el donativo :)
Muy curioso todo lo que dices, y la verdad que tienes toda la razon!
ResponderEliminarAah y por lo del donativo no hay de que! Si tubiera algun tipo de ingreso serian más! pero bueno.. estamos en ello y tu blog esta en mis favoritos como 10 veces xDD
Un Saludo potró y gracias!
Gracias a ti NE :)
ResponderEliminarHola El potro!
ResponderEliminarPor fin encontre una pantilla que funciona bién, volvi aqui para desactivar el "Magazine" de las paginas estaticas, llevo un buen rato probando pero no hay menera, desabilite la primera parte del codigo pero creo que me falta algo mas... Te paso la plantilla como el dia anterior y ojala me puedas decir que tengo que hacer para desactivar en las paginas estaticas eso que me sale.
Mi plantilla: https://docs.google.com/leaf?id=0B8N5TbEoU2hxMjVjMzcxZDctMjUzMC00ZWZmLTg5MGUtNjQ0NjE1YWI0NjIw&hl=es
Mi Blog: http://necesitotrabajourgente.blogspot.com/
Muchas Gracias anticipadas !
Hola NE,
ResponderEliminarEl enlace dice que el archivo no está disponible. Pero si es el tradicional script entonces expande los artilugios de la plantilla, y busca un código muy parecido a este:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id' ><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Agrega lo que está en negrita y da Vista Previa, si se ve todo bien guarda los cambios.
Antes de hacerlo haz un respaldo de la plantilla.
Saludos!
No hay manera el potro, losiento!
ResponderEliminarPara descargar la plantilla, hay un boton arriba a la derecha (No se que hace ahi, han cambiado la interfas o algo).
https://docs.google.com/leaf?id=0B8N5TbEoU2hxMjVjMzcxZDctMjUzMC00ZWZmLTg5MGUtNjQ0NjE1YWI0NjIw&hl=es
Por cierto me ha encantado la nueva plantilla de ciudad blogger! Y el nuevo logo también! Esperemos que sea un blog oficial de blogger ya que el foro de google Blogger con perdon es inutil, antes de molestarte publico ahi mis problemas y ninguna me ha podido ayudar ni en lo mas simple. Un Saludo potro y Gracias!
Nada NE, me sigue diciendo lo mismo:
ResponderEliminar"Lo sentimos, pero la página (o documento) que has solicitado no está disponible.
Comprueba la dirección e inténtalo de nuevo."
Envíamela en formato XML a través del formulario de contacto, ahí no habrá problemas ;)
Qué bueno que te gustó el nuevo diseño, aunque blog oficial de Blogger para nada, seguimos siendo libres y es lo mejor de todo :)
Saludos!
Muchisimas Gracias el Potro! Ahora mismo te lo mando :)
ResponderEliminarUn millon y mil de gracias el potro!!! La plantilla Genial!! Muchas gracias!! Me acordare de ti cuando de los primeros ingresos!! Prometido!
ResponderEliminarGracias y Éxito!
Hola de nuevo el Potro, que fastidio molestarte, pero es que ahora probe de entrar una pagina, y me sale cortada.. pobe de volver a cargar la plantilla como me la pasastes, y nada. se sigue viendose cortado aqui te dejo: http://necesitotrabajourgente.blogspot.com/p/inscribirse.html
ResponderEliminarQue a pudido pasar?, (No tengo suerte con las plantillas) xddd
Ya no tengo la plantilla con los cambios ni la que enviaste, pero busca una parte como esta:
ResponderEliminar.post {width:98%;height:auto;}
Cambia ese height:auto; por height:100%;
Gracias el potro,
ResponderEliminarEn algo a mejorado, pero le sigue faltando poner el contenido mas ancho: http://necesitotrabajourgente.blogspot.com/p/inscribirse.html
Alguna sugerencia?
GRACIAS!
Ese es un problema de la entrada, no de la plantilla. Quítale el ancho que le pusiste a la tabla y se mostrará completa.
ResponderEliminarHacin potro?
ResponderEliminar<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post {width:98%;height:100%;}
.post-body {
font-size: 12px;
overflow:hidden;
padding:10px;
</style>
</b:if>
Creo hago algo mal, por que ni hacin funciona.. http://necesitotrabajourgente.blogspot.com/p/inscribirse.html
No. En esa página agregaste una tabla HTML, esa tabla es la que contiene dentro una medida, y es esa medida la que debes eliminar.
ResponderEliminarGenial El Potro! Mas o menos entendi! Ultima cosa... llevo rato intentando eliminar el pie de la pagina, y sin logro.. si pudieras echarme una mano con esta estaria genial: http://necesitotrabajourgente.blogspot.com/p/sevilla-ole-tu.html
ResponderEliminarAparte de eso, me encantaria darte buena propina, pero ando justo de dinero, entonces te propongo darte 600 Fans en tu Fan Box, a traves de este anuncio: http://myntmarket.com/gig/600-me-gusta-de-personas-reales-globales-a-tu-pagina-facebook
Cuando me lo confirmes te lo contrato ;)
Nuevemente gracias!
¿Te refieres al footer del blog? Si es así mira aquí para que veas cómo hacer que no aparezca en las páginas estáticas:
ResponderEliminarhttp://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html
El ID del elemento es #footer.
Si te refieres al post-footer, es decir, al pie de las entradas entonces eso es una imagen de fondo que tienen todos los posts de tu plantilla, igual usando las condicionales puedes eliminarlo de esas páginas.
Por los fans no te preocupes, prefiero que se hagan seguidores sólo los que están interesados por el contenido del blog :)
Pero muchas gracias por la intención!
Saludos.
Muchisimas Gracias!!! Ahora si que me va de lujo el Blog!
ResponderEliminarRespeto lo de Fans, si te lo replanteas o necesitas para otra web que tengas! Por favor hazelo saber sin pensarlo dos veces!
De verdad muchisimas Gracias ! Ya puedo empesar mi proyecto que tenia pensado desde hace tiempo ! Y todo gracias a ti!
Un placer ayudarte :)
ResponderEliminarbuenos dias potro
ResponderEliminarquiero colocar unos botones de las redes sociales pero los quiero colocar en la cabecera de mi blog es decir encima de mi titulo de la cabecera como hago alli te dejo mi email jeenalper@hotmail.com
Agrega tus íconos arriba de:
ResponderEliminar<div class='header-outer'>
De esa manera estarán arriba de la cabecera.
Saludos.
Hola, Potro - para añadir un gadgets?, pero debajo del navbar o en todo caso encima del titulo de la pagina. Yo utilizo la plantilla sencilla del Diseñador de Blogger - he ocultado el navbar y elimine tambien el espacio que deje al eliminar el navbar - Deseo mover el mover el menu de paginas arriba del titulo..esa es mi consulta ? bueno espero tu rspta y nada gracias por tu tiempo en leer mi mensaje :)
ResponderEliminarPara poner un gadgets arriba del titulo del blog ? uso la plantilla sencilla del diseñador de blogger ? lo deseo para mover el menu de paginas arriba del titulo o poner publicidad de adsense ..
ResponderEliminarUsa el segundo método que se explica en la entrada, sólo que en lugar de un HTML/Javascript moverías el de las páginas, y en lugar de ponerlo debajo de esa línea lo pondrías arriba de ella.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro gracias por el exelente post pero ahora me pregunto hay forma de agregar 2gadgets dividos debajo de las entrados del blog? como se haria?.
ResponderEliminar