80

Barra anuncio fija sobre el pie del blog

Podría usarse para anunciar o destacar cualquier cosa que necesitemos ante nuestras visitas.

En este ejemplo colocaremos un mensaje animando a suscribirse al feed, que se mostrará sobre la parte inferior del blog y permanecerá fijo aun cuando hagamos scroll, pero que tendrá la posibilidad de ocultarse con un simple click.


[1] Una vez logueados en nuestro panel de Blogger, nos situamos en la pestaña de "Edición Html" y localizamos dentro del código (sin expandir artilugios) la etiqueta: ]]></b:skin> y justo sobre ella, pegamos este código CSS:

#ftr_bar {
background:#166D80;
border-top: 3px solid #69A7B4;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
#ftr_bar .left {
float: left;
text-align: center;
font-family: Arial;
font-size: 13px;
font-weight: bold;
font-style: normal;
color: #fff;
width:92%;
}
#ftr_bar .right {
float: right;
text-align: center;
width: 30px;
}
#left_bar a {
background: url(http://img440.imageshack.us/img440/4518/icorsstransthumb1ea9.png) no-repeat;
text-decoration: none;
color: #fff;
padding:5px 0px 5px 30px;
}
#left_bar a:hover {
text-decoration: underline;
color: #fff;
}
[2] Algo más abajo veremos la etiqueta </head> justo antes de esta, colocamos este script:

<script type='text/javascript'>
//<![CDATA[
var ftr_arr = new Array();
var ftr_clear = new Array();
function ftrFloat(ftr) {
ftr_arr[ftr_arr.length] = this;
var ftrpointer = eval(ftr_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.ftrsrc = document.all? document.all[ftr] : document.getElementById(ftr);
this.ftrsrc.height = this.ftrsrc.offsetHeight;
this.ftrheight = this.cmode.clientHeight;
this.ftroffset = ftrGetOffsetY(ftr_arr[ftrpointer]);
var ftrbar = 'ftr_clear['+ftrpointer+'] = setInterval("ftrFloatInit(ftr_arr['+ftrpointer+'])",1);';
ftrbar = ftrbar;
eval(ftrbar);
}

function ftrGetOffsetY(ftr) {
var ftrTotOffset = parseInt(ftr.mtasrc.offsetTop);
var parentOffset = ftr.ftrsrc.offsetParent;
while ( parentOffset != null ) {
ftrTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return ftrTotOffset;
}
function ftrFloatInit(ftr) {
ftr.pagetop = ftr.cmode.scrollTop;
ftr.ftrsrc.style.top = ftr.pagetop - ftr.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("ftr_bar").style.visibility = "hidden";
}
//]]>

</script>
[3] Al final prácticamente del código de la plantilla, veremos la etiqueta </body> y justo sobre ella pegaremos este código:
<div id='ftr_bar'>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/blogspot/hnBy' target='_blank'>Suscribete y recibe lo ultimo del Escaparate</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;elescaparatederosa.blogspot.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://img229.imageshack.us/img229/1809/closethumb1zd4.png' style='cursor:hand;cursor:pointer;'/></span>
</div>
Modificaciones:
En el paso [1] podemos cambiar el color de fondo de la barra y el color y anchura del borde:

#ftr_bar {
background:#166D80;  [Color de fondo aquí]
border-top: 3px solid #69A7B4; [Color y anchura del borde superior de la barra]

Así como la imagen del icono de rss, sustituyendo la url por la de el nuevo icono:

#left_bar a {
background: url(http://img440.imageshack.us/img440/4518/icorsstransthumb1ea9.png)

En el paso [3] cambiamos la url del feed que en el ejemplo es la de mi blog (en color naranja), por la del blog donde vamos a colocar la barra; y el texto (destacado en verde) por el que queramos mostrar.
La url destacada en azul es la del icono de cierre, también puede cambiarse por la de nuestro propio icono.

Podéis ver el resultado en este blog de pruebas.

Entradas Relacionadas:

80 comentarios:


Soviet

Hola Rosa me parece muy interesante esta barra, creo que la pondré en mi blog.

Otra cosa que me ha llamado la atención es el Menú dos (ROBS) que tienes en tu blog de pruebas, me gustaría saber como implementarlo en mi blog, un saludo y felices fiestas.

Nicolás

Perdona que te haga esta consulta en la última entrada pero es que no he encontrado la que estaba buscando. Me explico. Para mis posts me vendría estupendamente poder hacer anotaciones laterales con un color diferente al principio de cada uno. ¿Dónde lo explicas? Si me indicas el post lo pondré en práctica. Me parece muy útil.
Gracias

Elisabeth

gracias rosa,lo he probado y queda genial


besitosss

Rosa

Soviet, :D estoy usando ese blog precisamente para probar algún menú y explicar después como se colocarían en el blog...iré publicando una entrada sobre cada uno de ellos si veo que funcionan sin problemas en Blogger.

Rosa

Nicolás, ¿podrías ponerme un ejemplo de lo que quieres más o menos? lo siento, pero no te he entendido :$

Rosa

Elisabeth ¡qué bien! Besitos a ti también:-L

martameiga

Hola Rosa!!
Me encanta tu blog! Eres increible!!
Como veras me he pasado buena parte de la mañana aplicando tus conocimientos a mi blog... lo tenia en 3 columnas y ahora le he vuelto a poner 2, me parece que quedara mejor, menos abarrotado, y ahora estoy tratando de ordenar los widgets de la barra lateral, pero se me hacen muchos y me preguntaba (porque he rebuscado y rebuscado y no lo encuentro en tu blog) si podias explicarme como haces lo de poner la barra lateral de desplazamiento a las listas que tienes en tienes en tu sidebar.
Otra cosa que me gustaria cambiar pero no se si se puede es el color de los links de la nube de etiquetas porque el azul no me pega nada... no encuentro ningun sitio en el codigo para hacerlo.
Un besito y muchas gracias por todo
Feliz navidad

Marta

solrac

Rosa, esto en IE6 no funciona correctamente, la barra se queda al final de la página y no 'flotando' a pie del navegador. Para ello hay que utilizar un hack con las propiedades scrollLeft y scrollTop del navegador.

TRECARUNGA

Disculpa rosa qe lo pregunte aqui pero cmo hago para ver la pagina del archivo de mi blog?

MINDistortion

excelente rosa ya con esto creo la hago hasta enero ya no le pongo naa

rosa aqui hay un blog que ha puesto una imagen de entrada

those-wires.blogspot.com

entras ahi y te sale esa imagen y despues de darle click a la imagen te sale el blog lo tienes publicado aqui ?!

esto tambien me intereza

ya d ahi solo desearte feliz navidad como ya dije y un buen fin d año q la pases nice ahi con tu gente amanecida full juerga :D

Nicolás

Perdona Rosa. Me he debido explicar muy mal. A ver si me entiendes ahora. en la entrada del día 21 de noviembre de 2008 junto con la explicación del tema -dividir la cabecera del blog- y arriba a la derecha tienes una nota en color azul con un signo de admiración que dice "Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien..."

Ese tipo de estructura es al que me refería. Me vendría estupendo para lo que quiero hacer en muchas ocasiones.

Gracias anticipadas y Feliz Navidad.

Rubí

Rosa...FELIZ NAVIDAD!! te deseo un año 2009 lleno de salud, bendiciones y muy buenas vibras!!

Besos y abrazos desde México!

Lisett

Rosita, estaba viendo este nuevo widget,
y keria hacerte una pregunta muy aparte,
esto de los "enlaces a esta entrada" que aparecen al final de cada post (en el mio tambien aparecen y yo no lo autorize) por ejm, en tu caso, aparece un enlace de este post a mi blog, pero yo no lo he puesto...
Sabes como funciona eso?

Gracias :$

francis (Bollullos)

Muy buena herramienta Rosa, como dicen por aqui, creo que yo también voy a utilizar esta barra en mi blog.

Ya que vuelvo a escribirte aprovecho para consultarte una duda que tengo: ¿sabes cómo se puede hacer para que al publicar dos artículos en un mismo día aparezca la fecha en ambos?. Ahora mismo si publico más de un artículo en un mismo día, pues sale sólo la fecha en el último publicado.

Felices Fiestas, y gracias por seguir ahí. Un sabrazo

Fali

¡Feliz Nvidad Rosa!
Saludos
Fali

LHEONNEL

SALUDOS ROSA, GRACIAS POR TU AYUDA, FELIZ NAVIDAD PARA VOS Y PARA TODA TU GENTE. HOY UNA CONSULTA, INTENTÉ AGREGAR EL TRUCO DE ESTE POST PERO NO FUNCIONA, ME TIRA UN ERROR, DICE ASI:
No 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 "head" must be terminated by the matching end-tag "".

ESTE ES EL BLOG : http://camilero.blogspot.com/

SALUDOS Y MUCHAS FELICIDADES

Rosa

martameiga, lo de las barras de desplazamiento puedes verlo aquí:
http://elescaparatederosa.blogspot.com/2007/10/scrollbars-en-cualquier-parte-del-blog.html


En cuanto al color de los enlaces de la nube, se cambian en esta parte del código en lo que ves en negrita:


var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;

Se usan colores en código RGB, puedes ver aquí una tabla: http://www.webusable.com/coloursTable.htm

Gem@

Felices Fiestas compañera :)

Rosa

Solrac, la verdad que hace tiempo que yo me olvidé de IE6...

Rosa

TRECARUNGA , ¿como la página de archivos? no entiendo...

Rosa

MINDistortion , en realidad ese blog que dices no es un blog, sino dos, fíjate cuando pinchas en el enter la dirección del navegador arriba cambia a la de otro blog...

Lo que ha hecho es usar un blog al que ha anulado el header y la sidebar, y ha dado un ancho grande a la única entrada que tiene y allí ha colocado la imagen con un enlace al otro blog en el "enter".

Rosa

Nicolás, la verdad es que supuse que era eso...pero por si acaso te pregunté.

Mira, yo ese código lo tengo siempre pegado en la plantilla de entrada y lo que hago es usarlo solo en las que me interesa, en las demás simplemente lo borro.

Te paso el código:
<div style="color:blue;width:140px;background:transparent;float:right;width:140px;margin-top:10px;margin-bottom:10px;margin-left:10px;font-family:Verdana, Arial, Helvetica,Georgia;font-size: 15px;line-height:20px; text-align: right;">
Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
</div>

AQUI PONES EL CONTENIDO DE LA ENTRADA

<div style="clear:both;"></div>

Como ves es un div, y ahí mismo puedes cambiar el color, tamaño y demás opciones del texto, asi como si va a flotar a derecha o izquierda "float".

Rosa

Lisett , ahí solo debería aparecer el enlace a una entrada en otro blog que previamente a usado esa opción para enlazar tu entrada concreta...

El problema es que los feed de Blogger hace días que se han vuelto locos y salen ahí entradas sin control, creo que son de los blogs que nos tienen en su "lista de blogs" aunque no estoy segura...
La verdad que es una barbaridad y queda feísimo además...yo esperaré unos días a ver si se soluciona, sino, y sintiendolo mucho, anularé la posibilidad de "backlink" a mis entradas:(

Rosa

francis, ¿estás usando la fecha "normal" o el calendario? es que no lo recuerdo y en cada caso el sistema sería distinto...

Rosa

LHEONNEL, algo no has colocado correctamente...revisa los pasos, ya que funcionar funciona, yo lo he comprobado después de publicar la entrada como siempre hago para evitar cualquier fallo en los códigos al publicar...

TRECARUNGA

me refiero a por ejemplo tu pagina de archivo del blog:
http://elescaparatederosa.blogspot.com/2007/01/archivos-del-escaparate.html
como hago una en mi blog?

Rosa

TRECARUNGA, mi página de Archivos está hecha "a mano", te explico:

Es una entrada "normal" a la que he puesto una fecha antigua, tan antigua como el día de creación de mi blog, luego la he enlazado desde el menú y ya está.

En la entrada he incluido enlaces "normales" por ejemplo, pongo Diciembre y en ese enlace coloco la url que sale en el navegador cuando pincho en mi gadget de archivos en "Diciembre"...lo demás como el buscador y el enlce a Twitter por ejemplo, pues igual...a mano...

LHEONNEL

:| PERDON POR MI ARGENTINA EXPRESION, QUISE DECIR: NO ME FUNCIONA XD.

CUANDO DICES SOBRE... QUIERES DECIR ARRIBA? :S QUIZÁS ESO HICE MAL NOSE :s SEGUI LOS PASOS

TRECARUNGA

ok gracias queria saberlo :-)

Graciela de Palomas

Mi Rosi qué te puedo desear: mucho amor en tu familia, paz, que las moscas no aparezcan en el verano próximo...GRACIAS POR TU TERNURA MI PRECIOSA!!!♥♥♥

Francis (Bollullos)

Utilizo la fecha normal, la que aparece en la plantilla, no he modificado nada. Gracias. Un saludo

TRECARUNGA

hey rosa, me gustaria saber como poner el Estás en:... que tenes arriba del titulo de cada post?
Gracias

MINDistortion

jajaja no m habia dado cuenta :P
gracias rosa x responder rapido ya d ak hasta enero no te quito tiempo

me ta volviendo loco

mi blog mente-distorcionada.blogspot.com
se demora mucho en cargar y eso que ya le quite la radio el mini chat
imagenes y algunas otras cosas pesnando q era x eso pero igual demora aun

que puede ser?!

aparte en la lista de archivos puse el scrollbars too funciona bien el problema es q ahora cuando se le da click en la flechita para q se expanda ahi mismo no lo hace

cambia de pagina para poder cambiar xS

ya creo q m responderas viernes o sabado :O

Rosa

MINDistorsion, no se que decirte...a mi tu blog no es uno de los que más me tarda en cargar...no es excesivamente ligero, pero tampoco demora demasiado...quizás sea tema de tu conexión, que sea más lenta e incluso de tu navegador, porque eso que dices de los archivos por ejemplo, a mi tampoco me pasa...picho en las flechas y funcionan perfectamente :O

Rosa

TRECARUNGA, mira en esta entrada:
http://elescaparatederosa.blogspot.com/2007/05/breadcrums-siguiendo-el-rastro-del.html

Rosa

Francis, en breve subo esa entrada.

Rosa

LHEONNEL, así es, arriba, encima, antes de...

Anónimo

eres toda una master...talvés algun día aprenda un poco como tu.Grasias por tus aportes a nosotros los novatos en el mundo de la informática

tutiosidro

Muy buenas Rosa:

Recurro a ti por si puedes ayudarme ya que recurro a tu blog siempre en busca de apoyo.
Resulta que me ha surgido un problema con los comentarios. He cambiado a la opción "entrada incrustada a continuación" y ahora si pinchas en publicar un comentario no aparece nada y por tanto no se puede publicar nada.
¿sabes si esto es normal, o es que algo va mal?
Gracias.
Blog

Rosa

tutiosidro, no, no es normal.
Cuando cambias a "entrada incrustada a continuación" lo que debería aparecer es el formulario de comentarios como en mi blog, pero en plantillas modificadas o antiguas no aparece de forma automática, hay que incluir su código a "mano", mira en esta entrada:
http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html

tutiosidro

Muchas gracias Rosa. Eres increible. Rapidez en contestar, clara y consisa.
Me ha quedado como quería.
No se que haría sin tu ayuda.
Un beso de mi parte y desearte un buen año nuevo.
Insisto, mil gracias.

PD
(perdon por poner el comentario en un post de hace unos días, no me he dado cuenta)

Rosa

tutiosidro, no es problema donde dejas el comentario, todos me llegan a mi email, así que no te preocupes por eso.;)

Jaime Trujillo Escobedo

genial el truco Rosa, felices fiestas :-)

Guille Angulo

Rosa, ante todo felices fiestas y felicitaciones por este sitio, realmente se percibe a simple vista la dedicacion y el entusiasmo que posee.

Te dejo mi blog, JovenesOblatos.com.ar


Ha sido gracias a personas como vos, "con este hermoso afan de compartir y siempre aprender mas" que he logrado darle otro "toque" a mi blog.
De hecho he incorporado un link desde mi blog al tuyo, bajo; excelentes blog's de ayuda.

Suelo visitarte con frecuancia, siempre como anonimo, asi que aqui estoy perdiendo esa condicion.

En fin, con respecto a esta entrada: No he podido poner la "barra de anuncio fija" en mi blog y no se en que me he podido equivocar, ya que he probado de todo, je!

Pegue los codigos y script en donde nombrabas, tuve especial atencion en colocarlos; "justo sobre ella" y "justo antes de esta",etc; de hecho tambien los he probado de diferentes formas, por ejemplo dejando la etiqueta; /head y probando guardar la plantilla, intercalando estas opciones, y nada, siempre me decia que habia un error no podia guadar la plantilla. (todo esto lo hacia en un blog de prueba con la misma plantilla que utilzo en el blog que te deje)

Incluso mire y busque en el codigo fuente de tu blog de prueba, en donde tenes esta barra funcionando, para comparar los codigos, etc.

La cuestion es que despues de probar y probar, leer los comentarios, encontrar algo ha tener encuenta, no he podido....

La pregunta es; funciona todavia? (supongo que si, porque en tu blog de prueba esta).

Alguna recomendacion?


Desde ya muchas gracias!
Un Abrazo desde Argentina!
Y de nuevo, felicitaciones por este genial blog!

Rosa

Guille, pues la verdad no se que decirte...funciona y en tu blog no debería haber ningún problema...
¿Qué error exactamente te daba?...

Por cierto, muchas gracias por tus lindas palabras:D

Guille Angulo

Hola Rosa!
Gracias por tu rapida respuesta.

El error que me da es el siguiente;

No 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:skin" must be terminated by the matching end-tag "".


Ojala puedas ayudarme, y si no.. no te hagas problema, y muchas gracias igual!

Rosa

Guille, entiendo entonces que algo está mal en la colocación del CCS (paso 1)...
Verás, hay dos etiquetas b:skin en la plantilla, una casi al principio de la misma que se ve así:
<b:skin><![CDATA[/*

Esa no es la que necesitamos, sino la que está bastante más abajo y que tiene la barra de cierre:
</b:skin><

Por otro lado, cuando digo "sobre ella" quiero decir eso exactamente, o sea, "antes de ella" NO HAY QUE BORRAR LA ETIQUETA, te digo esto porque podría ser que la hayas eliminado y de ahí el error...

MINDistortion

Rosa ya hize lo q pude con un blog de prueba xD

pero no sale centrado y hay demasiado espacio entre el post y los gadgets quisiera q m digas q puedo hacer o le pongo too en un solo post?!
aparte se podria poner los gadgets a los costados del post?

http://pruebasnuevo.blogspot.com/

ahi ta xD pienso hacer un blog parecido a ese xP

gracias d antemano

Rosa

MINDistortion, ja,ja,ja, ya veo ya, te empeñas y lo consigues ¡genial!

No he podido comprobar (mi ordenata anda dándome "guerra") donde están añadidos los widgets...pero imagino que el chat estará en el footer, así que intenta reducir ahí ( #footer{ )
el padding-top si es que lo hay a cero...

MINDistortion

waaa pues te dire
hize le puse a 0 al padding-top en firefox

el post y arriba los gadgets estan centrados

pero debajo del post el gadget esta de lado izquierdo

pero in IE es al reves el gadget d abajo ta centrado pero el post y el gadget d arriba tan al lado izquiero grrr bueno ya poco a poco vere

http://pruebasnuevo.blogspot.com/

ahi una chekeada si poder ayudar m dices xD

gracias ya m dista alguna idea espero q me salga :o

Rosa

MINDistortion, yo no usaría la sidebar ni el header para nada, pondría la imagen con el enter en una entrada a la que anularía el post-footer y lo demás todo en los gadget de arriba y abajo de la entrada.

Rosa

MINDistortion, si pones height:0px; visibility:hidden; display:none; en el #header-wrapper o en el #sidebar-wrapper o donde sea, ocultarás el elemento y no ocupará espacio.

MINDistortion

Yeeeeeeeeeee ya ta too perfect xD

puse height:450px

en el #sidebar-wrapper

y ya ta centrado aaaaaa TE AMO :-| :o jaja broma gracias a Grrrrrrrr ahora a publicar no mas a la gentita voy a poner ahi en el mensaje q mande q tu fuiste mi master thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks

http://pruebasnuevo.blogspot.com/

Rosa

MIN, ¡me alegroooo! ¡Qué guapo!:D

Klgo. Alexis Moya R.

Esta barra me parece genial, ya la aplique a mi blog Clinica, Salud y Rehabilitacion (http://clinicaysalud.blogspot.com/), y a un blog que mantengo del colegio de kinesiologos regional, el blog Colegio de Kinesiologos, Regional Valparaiso-Aconcagua (http://colkinevregion.blogspot.com/).

Muchas gracias por estas ayudas. Tu blog sigue siendo espectacular.

Por supuesto te invito a ver los blogs. Ojala puedas hacerte el tiempo de pasar a visitar.

Rosa

Alexis ¡Intentaré pasarme y dejarte un saludo! Es lo menos que te mereces por tu interés y amabilidad :D

Gracias!

"Una argentina más"...

Hola Rosa! Cada día me engancho más con mi blog gracias a todas las cosas que sabés y que compartís con nosotros. te cuento que acabo de colocar la barra inferior para que el que lo desee pueda suscribirse a mi blog, me encantó! peeero, cuando hago click sobre la barra se abre el acceso para suscribirse a El Escaparate, por favor, cuando puedas me podrías decir dónde está el error? Te agradezco mucho y te mando un gran cariño.

"Una argentina más"...

Ay!!!! Acabo de escribirte y al querer ver la vista previa... puf! despareció. Soy breve: Hola Rosa y hola a todos los que forman parte de El Escaparate! Rosa, ya solucioné lo de la barra de anuncio al pie del blog: No me había registrado previamente... qué tontita! Si estaba haciendo todo tal cual lo explicabas (de una manera bien clara y además con capturas!) obviamente que el error estaba en algo que NO estaba haciendo, y como me gusta tocar al fin llegué a descubrirlo, la verdad que aunque les parezca tonta (tienen razón) soy de verdad nueva en ésto y tengo que familiarizarme con términos y utilidades propios del mundo blogger. Así que ya que estoy comenzando a armarlo me gustaría pedirte, Rosa, por favor, que cuando puedas te des una vuelta por mi blog: acepto todo tipo de sugerencia y críticas constructivas de todo aquél que me las quiera hacer. Va a ser una gran ayuda para mí aprender de quienes están más duchos en este mundo blogger. Muchas gracias!!!!! Y besos para todos. Rosa, espero que pronto puedas solucionar lo del funcionamiento de la Actualización de Firefox.

Rosa

"Una argentina más"... Tranquila mujer y no te menosprecies nunca...tu piensa que si otros pudieron antes, tu también puedes :D
En realidad, has conseguido lo que pocos han logrado sin ayuda (me refiero a lograr entender lo del feed y el registro en FeedBurner) así que te doy mi más sincera enhorabuena.

En cuanto a pasarme por tu blog, prometo hacerlo en cuanto tenga algo más de tiempo libre...como sabes ando con problemas "técnicos" y me apuran las consultas retrasadas :S

¡Gracias por tu apoyo!

Pancho Tama

Rosita por favor ayudame como hago para ponerla al principio de la pagina. mi blog no carga en IE y pienso usar este consejo para recomendar el uso de firefox para entrar, pero me gustaria ver el mensaje en la parte de arriba. de ante mano agradezco tu ayuda.

Rosa

Pancho Mejor esta entonces:
http://elescaparatederosa.blogspot.com/2007/05/navbar-personalizada.html

Pancho Tama

Muchas gracias Rosita!!! definitivamente IE es un dolor de cabeza...

Rosa

Pancho Si que lo es :S

Pancho Tama

Rosita disculpa tantas molestias pero hay alguna manera de que la barrita solo salga en la pagina principal?? porque si avanzas por entradas antiguas la barrita sigue apareciendo mmmmm tu me recomendaste una navbar personalizada pero esta barrita me gusta mas, ¿se puede hacer que solo sea visible en la pagina principal? de antemano te agradezco tu ayuda y disculpa tantas molestias.
Saludos cordiales!!!

Rosa

Pancho Prueba incluyendo el código del paso [3] entre
<b:if cond='data:blog.url == data:blog.homepageUrl'> y </b:if>

Adox

hay alguna forma de dejarla fija, y de que no acompañe al scroll? Gracias por tu dedicacion (:

Rosa

Adox Es que NO acompaña al scroll.

Adox

Es que en mi caso Sí que acompaña al Scroll, como la flecha de "Volver arriba" de Scriptaculous, ¿Puede ser un error de código?
Lo que quiero es que se quede FIJA en el pi de página, cuando bajas abajo del todo, se quede ahí
Gracias :)

Adox

Mira Rosa, lo que quiero es algo como esto...http://img139.imageshack.us/img139/823/screenshotdxr.jpg
Quiero que se quede FIJA AHI ABAJO, que no suba y baje, simplemente ahi abajo.
Gracias una vez mas :D

Rosa

Adox Y te digo lo mismo... si haces lo que indico en la entrada, la barra estará fija, tal como se ve en mi blog de pruebas (cuya dire está en la entrada):

http://menusenprueba.blogspot.com/

Dinero Crazy/Frame Mc/xAdickto0enflo0w:

una pregunta
se puede poner una radio online en la barra???
porfavor :)

Rosa

Dinero Crazy/Frame Mc/xAdickto0enflo0w: Supongo que si, siempre que el reproductor tenga las medidas adecuadas o se den otras a la barra...

Fackss

Hola rosita eh estado leyendo tus post 1 por 1 hasta que llegue a este que me parece explendido jeje
bueno mi pregunta es que si puedo poner mas cosas hay en vez de una sola (rss) poner otras cosas como la pagina hacia facebook etc.
se puede?
gracias

Rosa

Fackss Si, se puede, a continuación del RSS o en lugar de eso.

Fackss

pero lo que no entiendo es como pongo el codigo...porque yo copie el codigo de la [1] y le pegue abajo con la diferencia que cambie los margin y padding para que no este donde mismo pero no me funciono
como seria?
Muchas Gracias

Klgo. Alexis Moya R.

Hola Rosa, yo de nuevo.

Esto era justo lo que necesitaba, y ya esta aplicado, es un blog muy simple, para una amiga, y es simple porque ella subira muchas fotos, asi no se vera muy recargado. La direccion es http://casadelcolorsa.blogspot.com/ por si quieres pasar a saludar.
Muchas gracias por tu ayuda de nuevo

Gabriel

Rosa: Hace tiempo atrás instalé la barra anuncio fija en la parte inferior de mi blog (http://futbolamateurssd.blogspot.com) y funcionó perfectamente desde el principio (por lo menos para quienes utilizamos Goggle Chrome). Desde hace unos días (y esto es lo curioso) en tres computadoras que tengo instaladas en mi casa, en 2 me aparece este error en la parte superior de la pantalla y no me aparece la barra inferior
"}
#ftr_bar {
background:#166D80;
border-top: 3px solid #69A7B4;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
#ftr_bar .left {
float: left;
text-align: center;
font-family: Arial;
font-size: 13px;
font-weight: bold;
font-style: normal;
color: #fff;
width:92%;
}
#ftr_bar .right {
float: right;
text-align: center;
width: 30px;
}
#left_bar a {
background: url(http://dl.dropbox.com/u/9731112/favicon.ico) no-repeat;
text-decoration: none;
color: #fff;
padding:5px 0px 5px 30px;
}
#left_bar a:hover {
text-decoration: underline;
color: #fff;
}"
Y en la otra computadora todo se vé normal. Lo que me llama la atención es que he probado en otras computadoras y no me aparece el error en ninguna, lo que te consulto es si el problema es que en las computadoras donde me aparece el error me falta actualizar algún software o si lo aconsejable en estos casos es desinstalar todo y lo volverlo a instalar. Quedo al aguardo de tus comentarios y felicitaciones por tu blog.

Saludos. Gabriel

Rosa

Gabriel Son varios errores que tienes en el CSS. Fijate donde dice esto:
/* Menú horizontal
----------------------------------------------- */
el código empieza después de eso con un <style> y termina con un </style>
Tienes que borrar esas dos etiquetas, o sea, el </style> del principio y el </style> del final.

Admás, después del ultimo </style> hay una llave como esta: } justo antes de #ftr_bar { que tienes que borrar.

Por otro lado, al comienzo de la plantilla, antes de <head> tienes esto:
<style type='text/css'>
/* Texto giratorio que sigue al cursor */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: verdana, arial; /* Tipo de letra */
color: #088A08; /* Color del texto */

/* No editar esta area */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

Eso no puede ir ahí, sino antes de </head> que está mucho más abajo.

Gabriel

Rosa: Lo probe y funcionó, desapareció el error. Pero me queda pendiente que sigue sin aparecerme la barra fija en la parte inferior. Disculpa la molestiaa y muchas gracias por la ayuda.
Saludos Gabriel.
http://futbolamateurssd.blogspot.com

Rosa

Gabriel Pues todo parece estar bien, así que ni idea... quizá no sirva en las plantillas del nuevo diseñador.

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S