Caja de aviso para el blog con opción de cerrar

16 de septiembre de 2011 227 comentarios ,
Esta caja de avisos es la que vieron ahora que me ausenté y que muchos me han estado pidiendo. No es nada del otro mundo, de hecho, es una mezcla del mensaje tipo Post-it, y de las etiquetas Fieldset y Legend.

El resultado es una caja de avisos con opción de cerrar y como tiene CSS3 se aprecian sombras tanto en la caja como en el texto de Aviso.

No, no intentes cerrarla, esta es una imagen.

Y bueno, la colocación es prácticamente sólo un paso, únicamente hay que entrar en Diseño | Añadir un gadget | HTML/Javascript, y ahí pegar lo siguiente:

<style type="text/css">
#aviso{
width:500px; /* Ancho de la caja */
padding:5px; position:absolute; z-index:5000;}
.caja-aviso{
border:4px double #0080FF; /* Color del borde */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;
background-color: #CEECF5; /* Color de fondo */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #0B173B; /* Color del texto */
}
.letrero-aviso { /* Estilos de la palabra AVISO */
font-size:18pt;
font-weight:bold;
color:#B4045F;
text-shadow: 0px 0px 10px #BA55D3;}
</style>

<div id="aviso" style="left:300px; top:100px; padding:0;">
<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">[CERRAR]</font> <img valign="middle" src="https://lh5.googleusercontent.com/-46DmTbFSiuQ/TliKe_XV0lI/AAAAAAAAGJ4/_H2c3HB4XoY/CloseIcon-small.png" style="vertical-align:middle;"/></a></b></div>

<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">AVISO</legend>
...Aquí va el mensaje...
<br/><div align="right"><a href="http://www.facebook.com/usuario" target="blank"><img src="https://lh6.googleusercontent.com/-9TNSAdSEm2o/Tlgi_wnuKZI/AAAAAAAAGJw/6rLfLd-QfkE/facebook.png" width="26"/></a>
<a href="http://twitter.com/usuario" target="blank"><img src="https://lh6.googleusercontent.com/-xk9JDUThPo0/TlgjAUiI4eI/AAAAAAAAGJ0/t5QtAN0xPco/twitter.png" width="25"/></a></div>
</fieldset>

<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>

</div><div class="clear"/></div>

Sólo tienes que agregar el mensaje donde se indica, y tu nombre de usuario de Twitter y Facebook (si es que tienes, y quieres) donde se señala.
En la primera parte del código he señalado en color verde los estilos más importantes que se pueden personalizar como el color de fondo, tamaño y posición de la caja, etc.
En donde dice left:300px; top:100px; se puede controlar la posición de la caja de avisos, left es la distancia desde la izquierda, y top la distancia desde arriba.

Y, eso es todo. Disculpen la entrada tan escueta pero mis energías se quedaron en la playa...


227 comentarios en:

" Caja de aviso para el blog con opción de cerrar "

  1. Gracias potro... aunque quisiera poner uno asi cuando las personas abandonan una entrada sin dejar comentarios, como una especie de llamado de atencion jeje

    ResponderEliminar
  2. Volvio mi amigo Potro! ¿Cómo estuvieron esas vacaciones? Te las merecías jeje. Yo aun no puedo salir, el trabajo me tiene algo agobiado. Pero cuando salga... ufff!! (6)

    Estaba a punto de pedirte cómo poner ese recuadro, pero te me adelantaste. Como siempre tú, un paso adelante. Saludos y gracias!

    ResponderEliminar
  3. Muy bien, sigo tu blog constantemente y creo ser uno de los pocos que se ha dado el GUSTO de poder revisar casi la totalidad de tus entradas.

    Mi blog es http://elociodelblack.blogspot.com
    si entras verás que he implementado muchas cosas de las que aquí nos has tratado de enseñar.

    Saludos y espero que esas vacaciones hayan sido bien descansadas.

    ResponderEliminar
  4. El_Panda, ojalá que así sea!

    Sergio Molina, a medias unicamente :)

    Javier Zarceño, jajaja, vaya llamados de atención, por suerte no se puede :P

    ResponderEliminar
  5. Panchito, en realidad no me adelanté yo, sino otros usuarios que pidieron esta publicación. Ya me imagino todo lo que harás cuando salgas de vacaciones :D

    Black, muchas gracias por tu amable comentario, qué gusto que encuentres en este sitio información para tu blog.

    ResponderEliminar
  6. Jajajaja yo fui uno de los que intentó cerrar la imagen! Buen tip potro!

    ResponderEliminar
  7. hola de nuevo potro quisiera saber si puedes ayudarme con estos dos problemitas...

    el primero

    debajo del main o post esta lo de la navegación del blog, ahora mi pregunta es la siguiente yo tengo un croscol superior arriba del main y otro debajo que son donde pongo mis anuncios de adsense.. como puedo poner la navegación debajo de mi corscol inferior.. osea debajo de mi anuncio adsense...

    la segunda es en mi blog en la pagina principal mis entradas solo muestran la imagen el titulo y dos iconos casi como entradas resumidas.. ahora mi pregunta es como enlasar esos iconos con enlaces que pongo desde el post correspondiente.. espero averme explicado xd

    ResponderEliminar
  8. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  9. Jeje potro que bien que hayas vuelto. Espero que hayas disfrutado mucho... Y oye, que eso de que se te vayan las energías al volver es normal eh? XD a mi me pasa constantemente, pero bueno, si quiero llegar a tener un blog tan bueno como el tuyo, tendre que esforzarme. ¡un saludo, ya nos veremos en las proximas entradas! ;)

    ResponderEliminar
  10. Bienvenido Potro, gracias por el aporte ;)

    ResponderEliminar
  11. Hola Potro.
    Pensaba que ya no volvías... espero que lo hayas disfrutado ;)
    En cuanto al cartelito en cuestión mi pregunta es si en vez de la palabra "AVISO" se puede acoplar un imagen o una animación que se desplace de lado a lado (por complicarte un poco la vida, más que nada).
    Bueno, estaré atento a la respuesta y como siempre, muy lúdico/entretenida la entrada.
    Un saludo.

    ResponderEliminar
  12. Me alegro mucho de tu vuelta, Potro.
    Beso y abrazo.

    ResponderEliminar
  13. Hola Potro bienvenido, haces falta. Tengo un pequeño problema y quieto aprender de mi tutor, o sea tu, como solucionarlo.

    Las personas me escriben y me dicen que no pueden dejar comentarios en mi blog, yo lo he probado y conmigo no tengo inconvenientes, no se que sucede, por otro lado, en los comentarios ya arregle lo del icono y el Nombre de la persona, pero la palabra dijo... aparece ahora debajo del Nombre y no se que hice mal.

    De antemano le agradezco por su sutoria.

    Iglesia Cristiana Evangelica

    ResponderEliminar
  14. Volvio el potro bienvenido maestro,buen truco!

    ResponderEliminar
  15. Que tal potro que bueno que estes de vuelta, te quiero consultar como hiciste para deshabilitar la opción de "contacto" de tu web cuando estuviste ausente y que cuando le dabas click te aparecía un mensaje?

    ResponderEliminar
  16. Castro Javier, jaja, me imaginé que sucedería :P


    Dek, debajo del crosscol no creo que se pueda, los enlaces de navegación deben estar dentro del área de los posts porque sólo ahí funcionan esos códigos. Puedes ponerlo arriba de la entrada, pero siempre y cuando sea un área de la propia entrada. Lo de los iconos no me queda muy claro, ¿a dónde los quieren enlazar y cuál es el blog en cuestión?

    ResponderEliminar
  17. Campamento Web, pues no sé qué tan normal sea, pero ah qué rico es no hacer nada :D

    MaGoS RaDioMuSiC, gracias!

    ResponderEliminar
  18. Gracias esta muy bien para poner cuando uno esta ausente unos dias

    ResponderEliminar
  19. Woo esas vacaciones fueron largas, espero que las hayas disfrutado.

    ResponderEliminar
  20. Tapestryworkerman, jajaja, mira qué lindo y considerado eres en querer complicarme la vida. Pero sí, sí es posible, de hecho sólo tienes que cambiar la palabra AVISO por el del código de una imagen (puede ser GIF para que ya tenga movimiento:

    <legend class="letrero-aviso" align="center"><img src="URL de la imagen" /></legend>

    ResponderEliminar
  21. Sofía Serra Giráldez, y yo de poder leerles nuevamente. Gracias por el beso y el abrazo, otros tantos para ti :)

    ResponderEliminar
  22. Gilberto Hernandez, ¿recuerdas qué cambio fue el último que hiciste antes de que sucediera eso?
    Quizá, el problema podrían ser los iconos que has puesto antes y después del nombre del autor. De hecho, si al icono que empieza antes, le quitas la propiedad float: none; verás que el nombre se alinea, así que por ahí debe estar el problema.

    ResponderEliminar
  23. Hola Potro.
    Estupendo, creo que pronto le encontraré utilidad al mensaje en cuestión y te cuento.
    Un saludo y gracias.

    ResponderEliminar
  24. Welcome back, Potro! Qué bueno que estés de vuelta en La Ciudad!
    Oye, sí que fueron largas esas vacaciones, je, je... Espero que hayas disfrutado del merecido descanso.
    Tenía reservadas varias consultas técnica que hacerte, así que ahora que volviste, me verás por aquí de nuevo preguntando y preguntando y preguntando, como de costumbre.
    Muchos saludos y gracias, de antemano!

    ResponderEliminar
  25. cuman, o para cualquier tipo de aviso también sirve ;)

    Haniel Baez, mucho, gracias!

    ResponderEliminar
  26. Vicky, thanks my dear Vicky. Sólo fueron dos semanitas, pero yo con gusto las hubiera hecho cuatro, o seis, u ocho... jaja.
    Qué bueno que te veré de nuevo por acá, ya sabes que en lo que pueda ayudarte ahí estaré ;)

    ResponderEliminar
  27. Que tal mi buen Potro, mi pregunta no tiene nada que ver con esta magnífica entrada pero es:¿Por que en mi blog la barra lateral derecha no se visualiza y me manda todos los gadgets y elementos de dicha columna hasta debajo de las entradas? espero que puedas ayudarme. el blog es http://laslajastv.blogspot.com

    ResponderEliminar
  28. Hola Potro,

    Muy bueno, créeme que hace tiempo estaba buscando algo como esto, es como si nos leyeras la mente ;)

    Y claro, nunca faltan las preguntas. Esta vez quería saber cómo hacer para que aparezca una sola vez, porque que aparezca en más de una sesión puede ser molesto para un lector que continúa leyendo en nuestro blog.

    He visto que en tu entrada de "Mensaje tipo Post-it para el blog", afirmas que eso que pido sí se puede hacer, pero créeme, he intentado agregar el script que parece ser el que permite esto y no me funciona, hay algo que estoy haciendo mal?, o dónde debo poner el código para que sólo aparezca una vez por sesión?

    ResponderEliminar
  29. Holas Potro que bueno que ya hayas empezado con tus trucos y consejos :)
    Seguro todavia tienes para rato con las consultas que te fueron dejando, asi que estoy a la espera y viendo que vas posteando...

    Saludos!!! XD

    ResponderEliminar
  30. El Potro! que bueno que regresas n.n espero que te encuentres bien, pyes tengo una consulta mira es sobre este post http://vagabundia.blogspot.com/2011/06/transicionitis-y-el-slideshow-de.html no viene bien explicado y no me funciona me podrias decir donde va cada codigo??? Saludos

    ResponderEliminar
  31. Hola Potro, he instalado Disqus en este blog http://desesperatecats.blogspot.com y al publicar comentarios nuevos no hay problema, pero me he fijado en que los antiguos no aparecen, aunque si entro en la pestaña de comentarios de blogger si me aparecen como publicados. Espero que puedas echarme un cable, gracias de antemano.

    ResponderEliminar
  32. Que pasa potro!! ya te estrañabamos amigo y yo ya molestandote jeje quisiera pedirte un favor si me puedes decir como poner el fondo de mi blog corrido es este http://automecanicavirtual.blogspot.com/
    lo que pasa es q en el titulo y parte de las entradas esta un fondo negro con rayas pero mas abajo se corta y se pone de color blanco y quisiera que estuviera hasta abajo el fondo negro con rayas crees que se pueda?
    aqui te dejo una imagen para que te des una idea
    http://kan.gd/10kb

    ResponderEliminar
  33. VDesing, ¿recuerdas cuál fue el último cambio que hiciste antes de que eso sucediera?

    Luis Kasanova, con el método del tipo Post-it quizá sólo haga falta el código de las cookies, que lo puedes encontrar en esta entrada. No lo he probado, pero a simple vista parece que es lo único que le falta para que las cookies puedan funcionar.

    ResponderEliminar
  34. Walter Conejo Carballo, gracias!

    Usuario, a ti por tu visita!

    javi_anubis, gracias por pasarte por acá ;)

    ResponderEliminar
  35. El Potro! que bueno que regresas n.n espero que te encuentres bien, pyes tengo una consulta mira es sobre este post http://vagabundia.blogspot.com/2011/06/transicionitis-y-el-slideshow-de.html no viene bien explicado y no me funciona me podrias decir donde va cada codigo??? Saludos

    ResponderEliminar
  36. Hola potro! Como le puedo hacer para que la noticia se recorra cuando bajo con el scroll o con la barra? Saludos :D

    ResponderEliminar
  37. Que tal? No, no lo recuerdo pero la utilicé el diseñador de plantilla, ya cargue otra plantilla pero nada sirve, las columnas siguen sin respetar su orden...

    ResponderEliminar
  38. Diego_Creative, por nada ;)

    pixeltuxpan.com, sobre por qué no funciona no podría decirte, el más indicado para decirte eso sería JMiur, pero al menos el primer código va dentro de un elemento HTML/Javascript, y los otros dos antes de </head>

    ResponderEliminar
  39. martinyfelix, los antiguos no aparecerán porque esos fueron gestionados por Blogger, y ahora estás con otro sistema distinto. Ese es el problema al que muchos se enfrentan cuando instalan Disqus, que nadie les dice qué pasa con los demás comentarios. Igual pasará, que cuando decidas quitar Discus los comentarios que se habían hecho desde ahí desaparecerán, así que antes de que continues debes saber que los comentarios viejos no aparecerán en Disqus, y si un día lo quitas no verás esos comentarios.

    ResponderEliminar
  40. alianza lima vs universitario, gracias!

    loco psp, yo también ya los extrañaba. Entré a tu blog pero lo veo todo de un solo color, supongo que ya has sabido resolverlo. Saludos.

    ResponderEliminar
  41. Gracias por el aviso Potro, visto así quite desintale Disqus en ese caso. ¿Lo mismo pasa con Intense Debate, verdad?

    ResponderEliminar
  42. Hola potro, habia leido la otra vez un articulo en oloblogger sobre como eliminar la cabecera del blog y que siempre me funcionaba, era cambiar el true por el false, pero cuando salio la nueva interfaz de blogger ya no puedo hacer ese truco ni con la vieja ni la nueva interfaz :S solo me funciona lo de gemablog que dice borrar lo que diga data:title, pero el resultado no es el mismo, sabes alguna forma de eliminar la cabecera del blog sin tener que recurrir a eliminarlo borrando data:title o que consiga el mismo resultado que el truco de oloblogger que ahora no funciona porfa? :)

    ResponderEliminar
  43. ItaCHi, con este no pues el script es sumamente básico, pero hay otra caja de avisos que hace eso:
    http://ciudadblogger.com/2010/03/anuncio-flotante-que-baja-con-la-pagina.html

    ResponderEliminar
  44. VDesing, si ya has probado con otra plantilla y sigues con el mismo problema, entonces la causa puede estar en una entrada, o en un gadget.
    Prueba eliminar los gadgets uno por uno hasta que des con el causante. Si ninguno de ellos fuera entonces examina cada una de las entradas que se ven ahora mismo en la portada, revisa que los códigos estén bien, tanto los de apertura como los de cierre.
    Yo he vuelto a revisar desde acá los códigos pero sigo sin dar con la causa :/

    ResponderEliminar
  45. Muy bueno tu blog realmente. En alguna oportunidad he querdio tener menúes mas complejos pero debo admitir que no me salieron, igualmente me encanta aprender de blogs, dado que tengo algunos en mi haber. He visto muchos que me gustaron pero no consegui hacerlo ahahahaa.

    www.mihanovich-sandra.blogspot.com

    www.airless-pintar.blogspot.com

    www.eladiablazquez.blogspot.com

    www.estoycansadodellevarmepuesto.blogspot.com

    :) algunos de los que he realizado (el ultimo que puse es de cuando recien empezaba y a ese no le hice nada je)

    ResponderEliminar
  46. martinyfelix, así es, con ese y con cualquier gestor de comentarios que no sea Blogger.

    Sirius, no me ha quedado muy claro, ¿exactamente qué quieres hacer? ¿eliminar el gadget de la cabecera, o eliminar algo dentro de la cabecera?

    ResponderEliminar
  47. Excelente que volviste, y el truco está cool...

    mira que tengo un problema con mi blog con los banners rotantes, no quieren rotar y todos los códigos están bien.. que pasará?

    ResponderEliminar
  48. De algún rincón de este mundo, cada menú tiene su "chiste", sobre todo si es para las plantillas del Diseñador de plantillas de Blogger, en ellas primero hay que seguir unos pasos, de lo contrario los menús nunca se verán y funcionarán como deberían. Ya sabes, piedras que de repente a Blogger se le ocurre ponernos en el camino ;)

    ResponderEliminar
  49. Sirius, si quieres eliminarla sólo entra en la Edición HTML y SIN expandir los artilugios elimina una línea como esta:
    <b:widget id='Header1' locked='true' title='....

    Si sólo quieres que no se vea entonces agrega antes de ]]></b:skin> esto:
    #Header1 {display:none;}

    ResponderEliminar
  50. SrDiario, deja un comentario en esa entrada con la dirección de tu blog donde lo tienes para que allá le demos el seguimiento adecuado y no nos desviemos del tema de este post ;)

    ResponderEliminar
  51. potro el video lightbox de este tema http://ciudadblogger.com/2011/01/video-lightbox-mostrar-videos-en.html?showComment=1316462222200#c2820403771843945209 me funciono en mi plantilla de blogger, pero queda muy corrido a la derecha cuando abro un video, tanto asi que aparecen las barras de dezplazamiento hacia la derecha :S que debo hacer

    ResponderEliminar
  52. ya me funciono pero quedo corrido a la derecha y la X de cerrar no cierra :S

    ResponderEliminar
  53. Si, muy bueno, luego veremos la mejor aplicación. Supongo que también puede incorporar imágenes, hasta gif animados. no soy muy afecto a eso, pero tiene potencial. Gracias.

    ResponderEliminar
  54. Gracias Potro, valió la pena insistir y esperar, con paciencia. La caja de avisos me quedó como cohete. Gracias por volver, ya dos veces me has sacado de apuros. Te extrañamos mucho. Saludos desde el Perú.

    ResponderEliminar
  55. Muchas gracias Potro, revisé y si efetivamente era una entrada la que estaba mal, ya que le puse los códigos para evitar la copia de imágenes y no funcionaban y como resultado dieron ese cambio... tan simple que era el problema y lo cambiaba todo... saludos y sigue así muchas gracias por ayudarnos jeje

    ResponderEliminar
  56. tengo una duda.. se puede poner ese aviso, que uno esta diseñando el blog??
    osea
    quiero cerrar el blog mio y poner el aviso..asi la gente q entra ve el aviso--mientras tanto yo diseño el sitio..

    ResponderEliminar
  57. Enrique, mientras sea una imagen en formato JPG, PNG o GIF no creo que haya problema. Supongo que después irá incorporando otras funciones.

    Carlos Santos, gracias a ti, saludos!

    ResponderEliminar
  58. VDesing, qué gusto que ya se ha resuelto :)

    GiseUsh, aquí puedes ver un método para ello:
    http://elescaparatederosa.blogspot.com/2009/06/en-construccion.html

    ResponderEliminar
  59. buen sabio potro se puede para poner codigo adsense?' ajustando los tamanos para ser algo asi como ventanaa flotante?'
    esa es mi duda.. sitio enta en blogger y con .com
    osea es .com pero sigo postando en bloger...espero que puedas responder mi duda ..

    ResponderEliminar
  60. Con este método supongo que sí porque el código iría dentro de un gadget. Hay otro método de una que es flotante y baja con la página, pero como no es dentro de un gadget está más complicado.
    De cualquier forma, hasta donde recuerdo, no está permitido colocar AdSense en ese tipo de contenedores :/

    ResponderEliminar
  61. Potro en Moxila no me funciona el boton de cerrar...:S en chrome si funciona

    ResponderEliminar
  62. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  63. Buenas noches Potro, te agradezco por tus aportes, hace varios años que te sigo y soy una persona que ha resuelto varios problemas viendo tu blog.

    Saludos

    Victor
    http://MercadoObjetivo.com

    ResponderEliminar
  64. hola potro tengo un problema salio todo bien el unico problema es que no flota....que hago

    ResponderEliminar
  65. Somos Aldosivi, acabo de entrar a tu blog desde Firefox 6.0.2 y sí que funciona.

    Mercadoobjetivo, varios años sonó a mucho tiempo, vaya, hasta me sentí viejo, jajaja. Gracias por ser un lector asiduo de este blog y por tu amable comentario. Saludos!

    X.A.N.A, de hecho no flota, me parece que alguien tiró ese rumor, porque muchos lo ponen pensando que flotaría o.O

    ResponderEliminar
  66. soy nuevo aqui y ya he visto algunas de tus entradas y solo basta felicitarte es de los blogs con mejor ayuda que he encontrado un abrazo

    ResponderEliminar
  67. Exelente lo aplique ya en un blog =).
    Potro aqui te ando vistando =)...te comento que aplique de nuevo el sistema de leer mas I que la otra vez habia aplicado en otro blog.
    La cuestion es que anda re bien pero no se por que razon no puedo aumentar la cantidad de post po pagina, ni por configuracion ni agragndo parametros en HTML..este es el blog en cuestion http://goo.gl/h2QDU habra alguna solucion Potro?
    Desde ya mcuhas gracias.

    ResponderEliminar
  68. Gracias Dℯmℯncial ƨʞɔəʁ, y bienvenido a Ciudad Blogger!

    ResponderEliminar
  69. Me quedó genial ^^ ¡Hasta le cambié el color XD
    Creo que mañana intentaré lo de las cabeceras cambiantes ^_^
    Genial, como siempre, El Potro ^^

    ResponderEliminar
  70. Martín Rocha, eso es por la autopaginación, y depende basicamente de la velocidad de carga del blog. Gracias por tu visita!

    ResponderEliminar
  71. Excelente potro! muchisimas gracias, puse un aviso de un concurso si nos agregan a las redes sociales haber si resulta =) atte DJFOXMIX del blog de www.portalfoxmix.net

    ResponderEliminar
  72. Hola Potro, aja!!! cansadito de vacacionar y ahora en el mundo virtual real....jijijijiji. Ya había utilizado el tipo Post it con imagen, y de éste he sacado el color del fondo y la sombra de la caja, me encanta el resultado, gracias

    ResponderEliminar
  73. Dj Fox Chile, ¡bien!, a ver si me gano un premio :D

    MARIA ELENA, me hiciste pensar con lo del mundo virtual real, esas paradojas me confunden más si estoy recién despertando, jajaja. Qué bueno que te ha gustado el resultado de tu experimento :)

    ResponderEliminar
  74. javier ejeje yo tambien fui uno de los que intentaros cerrar la imagen XD

    potro tu web es de lo mejor aprendo y de paso bromeo un poco con los comentarios saludos

    ResponderEliminar
  75. Así tiene que ser X.A.N.A, la vida no hay que tomárnosla tan en serio ;)

    ResponderEliminar
  76. Hola Potro, quisiera saber si se podria añadir una imágen en la caja de avisos y como hacerlo. Gracias por tu ayuda, un saludo.

    ResponderEliminar
  77. Claro, se hace de la misma forma que harías normalmente para poner una imagen:
    <img src="URL de la imagen" />

    ResponderEliminar
  78. Hola Potro saludos espero que te la hayas pasado bien en tus vacaciones
    Solo te queria preguntar como puede hacer un tipo como esta caja para que al entrar a mi blog salte una ventana con la caja de seguidores de Facebook para darle me gusta

    ResponderEliminar
  79. POTRO y este aviso no baja,se queda ahi mismo en su lugar...como hay que hacerle pa que cuando baje el scroll,tambien baje el anuncio!!

    ResponderEliminar
  80. TH3 V1P3R, quizá con Shadowbox:
    http://ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html

    ResponderEliminar
  81. Microboy90, para que la caja sea flotante cambia esto:
    position:absolute;

    Por esto:
    position:fixed;
    left:300px;
    top:100px;

    ResponderEliminar
  82. oye muy buenos los aportes cree,e que eres unos de los blog que reviso casi siempre

    mi blog: http://luiseduardo120.blogspot.com/

    ResponderEliminar
  83. Qué gusto que siempre nos visites luiseduardo120, saludos!

    ResponderEliminar
  84. Ok POTRO!! Listo...Gracias por la info!!! Se mira chulooo

    ResponderEliminar
  85. Hola, una pregunta que no tiene q' ver con el tema. Cómo hago para poner otro dominio a mi correo, asi como el tuyo potro? osea creo q' el tuyo es: webmaster@ciudadablogger.com.

    Quiero que despues del "@" vaya el nombre que elija, cómo lo hago?

    ResponderEliminar
  86. Millones de gracias me sirvio 100 % mira como me quedo
    desde luego no es por publicar mi web si no que tu ayuda ha sido de gran utilidad
    http://www.radioprismaloja.com/

    ResponderEliminar
  87. Soul, lo que hay después del arroba es el dominio, si quieres otro nombre ahí entonces debes tener otro dominio.

    PCNRECORDS, qué gusto que te ha servido :)

    ResponderEliminar
  88. He eliminado el widget este de Aviso, pero el cartel no se va. Si le doy a cerrar, se cierra. Pero si ya he quitado el script, porque me sigue saliendo cada vez que refresco la pagina?.
    Gracias
    http://kaldorana.blogspot.com

    ResponderEliminar
  89. Elimina el gadget que está debajo de 'VISITANTES (PROCEDENCIA)', ese gadget es el que contiene los códigos de la caja de aviso.

    ResponderEliminar
  90. Gracias Potro. Eres un artista. Como fue a parar ahi este Widget?

    ResponderEliminar
  91. Pues es que de hecho en un gadget es donde se pegaba todo el código, pero como no tenía nombre por eso no lo ubicabas y parecía escondido ;)

    ResponderEliminar
  92. Hola Potro:
    Te pido me eches una mano en mi blog http://cddelacoloniadefuentepalmera.blogspot.com/, pues no puedo darle color mírame el HTML.
    Muchas gracias. Una vez Más.

    ResponderEliminar
  93. Hola FRANCISCO,

    Busca esta parte:
    #postit{width:900px; height:200px; padding:5px; {position:absolute;top:40px; left: 400px}
    background-color:#2AF;border:3px solid black;visibility:hidden;z-index:150;cursor:hand;color:#000;}

    Elimínala y en su lugar pon esta:
    #postit{width:900px; height:200px; padding:5px; position:absolute; background-color:#2AF; border:3px solid black; visibility:hidden; z-index:50; cursor:hand; color: #000;}

    Saludos.

    ResponderEliminar
  94. Hola de nuevo Potro:
    Quedo mucho mejor, quedaría perfecto si quedara mas centrado el mensaje.
    Gracias de nuevo.

    ResponderEliminar
  95. En la entrada donde has tomado el código se explica qué valores se modifican para moverlo de lugar. Saludos.

    ResponderEliminar
  96. Hola Potro:
    Gracias de nuevo quedo bien.
    Saludos

    ResponderEliminar
  97. Hola Potro felicitaciones por tu blog, en este blog he utilizado muchos de tus consejos, http://www.llamadasgratuitas.biz/.

    Gracias

    ResponderEliminar
  98. Gracias Pinsay, que tengas un excelente fin de semana!

    ResponderEliminar
  99. Muy interesante señor Potro, ¿pero aparece en todo el blog o se puede hacer sólo en algún post?

    Por ejemplo, si yo creo una entrada sobre el programa "Cosas de la vida" y quiero poner una advertencia en dicha entrada como "El siguiente post puede causar conmoción y/o muerte cerebral.

    ¿Se puede?

    Saludos.

    ResponderEliminar
  100. Oh este truco esta bueno. No intenté cerrar el anuncio pero estuve a punto jaja. Gracias Potro

    ResponderEliminar
  101. Pepée Pilato, claro que se puede, puedes usar condicionales para que le des la instrucción que esté oculto en todo el blog, menos en una entrada específica.

    ResponderEliminar
  102. Olmo Axayacatl, jajaja, bueno, si lo intentaste cerrar no importa, no se lo diré a nadie :D

    ResponderEliminar
  103. Mi comentario fue un chiste :p, pero veo que eres de humor reservado, jiji, saludos.

    P.D.: Yo no tuve nada que ver con la muerte de Gaddafi

    ResponderEliminar
  104. Menos mal, estaba a punto de avisar a CNN que en autor de la muerte de Gaddafi rondaba por mi blog :)

    ResponderEliminar
  105. Excelente Blog, (recien hoy lo descubro) excelentes entradas (me sirvieron muchas!) Felicitaciones Potro... "cam be back" jaja tenes una nueva seguidora..

    ResponderEliminar
  106. Me da gusto que así sea CeyPymes :)
    ¡Saludos!

    ResponderEliminar
  107. Hola Potro, aquí estoy otra vez, disculpa si no encontré el truco si es que ya lo publicaste, como se hace para que cuando abra mi blog salga una caja con la opción cerrar, pero con la invitación a suscribirse a cambio de algo a cambio, por ejemplo un libro virtual, se esta estilando mucho. aqui esta una pagina con un ejemplo: http://www.emprendimientoynegocios.com/micronichosrentables20/?utm_source=getresponse&utm_medium=email&utm_campaign=emprendimientoynegocios&utm_content=%5B%5Bfirstname%5D%5D%2C+una+mala+noticia%2C+Micro+Nichos+Rentables+2.0.+va+a+cerrar+sus+puertas...

    ResponderEliminar
  108. Hola artedigitalmcy,

    Con Shadowbox puedes hacer que se abra una ventana como esa al entrar al blog:
    http://ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html

    ResponderEliminar
  109. OK. POTRO... YO YA SE HACER ESA VENTANA, CON Shadowbox PERO A LO QUE ME REFIERO ES QUE ADEMAS, TE DICE: INGRESA TU CORREO, (HAY UN ESPACIO PARA AGREGARLO, EN LA MISMA VENTANA) OBVIAMENTE, LA PERSONA SE ESTA SUSCRIBIENDO, Y LUEGO DESCARGA "GRATIS" EL LIBRO, O LO QUE SEA QUE TE ESTÉN OFRECIENDO. EN CASO QUE A LA PERSONA NO LE INTERESE, LE DA CERRAR. ME CAPTAS??

    ResponderEliminar
  110. Eso ya es más complicado, supongo que eso requiere programación PHP, pero sobre ello estoy en blanco :/

    ResponderEliminar
  111. Hola Potro,
    la caja me funciona, pero aparece constantemente mientras se navega por el blog, y me gustaría que apareciera solo al entrar al blog, como aquel mensaje tipo post it.
    ¿se puede hacer?
    Gracias por tu ayuda.
    jorge

    ResponderEliminar
  112. Claro que sí jorge, en esta entrada puedes ver cómo ocultarla en todas partes del blog menos en la portada:
    http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

    ResponderEliminar
  113. Buenas, no sé bien como explicarlo pero ahí voy: en qué parte del Diseñador de plantillas de Blogger con las plantillas dinámicas (esos diseños nuevos, por lo menos para mí) que no encuentro Diseño_Elementos de la página_Añadir un gadget_HTML/Javascript.

    Solo doy con Avanzado y la opción poara el código CSS pero no queda bien y solo se lo ve cuando carga la página y nunca más.

    ResponderEliminar
  114. Hola Claudio Torres.,

    En las plantillas nuevas de Vistas Dinámicas no se permite incluir códigos HTML, por eso que en ellas no ves la Edición de HTML. Por ahora es muy poco lo que se puede hacer con ellas.

    ResponderEliminar
  115. Qué pena, porque me venía muy bien! Entonces no existe algún recurso como para poner algo similar?

    ResponderEliminar
  116. Nada para esas plantillas, al menos no por ahora.

    ResponderEliminar
  117. ola potro que es eso de lorem impsu?

    ResponderEliminar
  118. Hola jose,

    En diseño se usa para rellenar un texto, aquí hay una explicación más precisa :)
    http://www.respondones.com/2009/09/que-significa-lorem-ipsum.html

    ResponderEliminar
  119. Hola potro me puedes ayudar a ponerle un efecto de desplazamiento junto con la ventana? y que el boton cerrar salga despues de unos 12 segundos?

    ResponderEliminar
  120. Gracias Chiknaui.Mikistli,

    El botón tiene que salir junto con la caja cuando se carga, al menos con este script, no conozco algún otro que haga eso. Lo del desplazamiento quizá quieras probar con esta otra caja de aviso que sí tiene un efecto cuando se baja la página:
    http://ciudadblogger.com/2010/03/anuncio-flotante-que-baja-con-la-pagina.html

    ResponderEliminar
  121. potro auxilio! le quise poner esta caja para inaugurar el blog, la pude y me di cuenta que no funcionaba ningun slider ni el dropdown menu, ya la elimine pero siguen sin funcionar, porfa, que pena contigo, me puedes decir como lo arreglo?

    ResponderEliminar
  122. Y tampoco puede agregar los items al carrito ;(

    ResponderEliminar
  123. Hola Natali, leí por ahí que ya has resuelto todo :)
    Saludos!

    ResponderEliminar
  124. Hola Potro hace poco que encontré tu blog. Esta muy bien, es de mucha ayuda ^^

    Me gustaría saber cómo poner el aviso para que aparezca centrado en el blog.

    Hasta pronto y muchas gracias por adelantado.

    ResponderEliminar
  125. Hola Albinka,

    Te cito la parte de la entrada que menciona eso:
    "En donde dice left:300px; top:100px; se puede controlar la posición de la caja de avisos, left es la distancia desde la izquierda, y top la distancia desde arriba."

    Saludos.

    ResponderEliminar
  126. Hola Potro:
    Instale el anuncio en mi web www.chftandil.com y a pesar de tener la última versión, no me funciona "CERRAR" con Mozilla e IE.
    Desde ya muchas gracias.

    ResponderEliminar
  127. Quizá el problema es que usas el target='blank' para abrir todos los enlaces en otra ventana, así que el botón de cerrar como también es un enlace abre otra ventana pero no hace nada.
    Ta vez sea necesario que agregues en esta parte lo que está en negrita:
    <a href="javascript:closeit()" target="_parent">

    ResponderEliminar
  128. Realmente IMPRESIONANTE !!!!!!
    Potro otra vez gracias y la mejor de las Navidades

    ResponderEliminar
  129. Excelente Potro, aportando MUCHISMO como siempre! =D

    ResponderEliminar
  130. Hola Potro, quería saber si podría cambiarsele a la caja de aviso la palabra "aviso" por otra como "Atención" o "No te lo pierdas". Si es así pienso usar este gran aporte. Gracias.

    Por cierto no sé cómo saber si alguien ha respondido a mi comentario, supongo que tendré que volver a entrar aquí.

    ResponderEliminar
  131. Por supuesto, sólo busca donde dice AVISO y pon el texto que tú prefieras.
    Abajo del formulario de comentarios hay un enlace que dice "Suscripción por correo electrónico", ese sirve para que cuando alguien más comente en esta entrada te llegue un aviso a tu correo, así sabrás cuando alguien te haya respondido ;)

    Saludos.

    ResponderEliminar
  132. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  133. Hola Potro:
    Como puedo hacer que aparezca solo una vez por visita, es decir como sabes en el menu de mi blog tiene muchas opciones. Como evitar que aparezca el aviso en cada consulta.
    Saludos

    ResponderEliminar
    Respuestas
    1. Pues tendrían que añadírsele cookies, pero yo de plano de las cookies entiendo muy poco :(

      Eliminar
  134. Hola Potro! Creo que encontre lo que andaba buscando, pero queria preguntarte dos cosas:
    1.- Como hacer para que salga en la pagina de Inicio solamente?
    2.- Se le puede poner un background de fondo en vez de color?
    Gracias!!! ...Tremendo Potro jejeje! DTB

    ResponderEliminar
    Respuestas
    1. Bueno, aquí ayudándote un poco Potro, espero que no te moleste.

      Hija del Altisimo

      1.- En esta entrada encontraras como hacerlo: Mostrar gadgeds solo en la página de inicio

      Y con lo segundo no sabria ayudarte :c

      Eliminar
    2. VictorIvan, no me molesta en lo absoluto, gracias ;)

      Hija del Altisimo, si quieres una imagen de fondo cambia:
      background-color: #CEECF5; /* Color de fondo */

      Por:
      background: url(URL de la imagen);

      Eliminar
  135. ... Hola amigo, voy a usarla para avisar a los usuarios de los perjuicios acarreados por la ley S.O.P.A. y el cierre de megaupload... sin más comentarios recibe mi cordial saludo.
    ( :-S )

    ResponderEliminar
  136. Potro eres un máquina jajajaja, no me cerraba el cartel, pero en tu comentario 142 me solucionastes el problema, un abrazo!!

    ResponderEliminar
    Respuestas
    1. Es que en los comentarios uno encuentra hasta más de lo que hay en la entrada :D
      Un abrazo :)

      Eliminar
  137. oye esto no me funciona quisiera que porfavor me pusieras un codigo ya echo con el borde rojo y fondo engro y letra blanca tamaño igual k el k pusiste, que yo solo tenga que editar el mensaje, te agradeceria mucho

    ResponderEliminar
    Respuestas
    1. Imagínate si a todos les tuviera que hacer las cosas, no terminaría nunca.

      Eliminar
    2. Potro excelente me salio super, pero la falla me daño el diseño de los mensajes anidados es decir lo referente al css, quisiera saber si puedes responder este asunto que coloco aca, perdona no deseo hacer Span gracias,

      Estimado Potro.

      Cree un blog en blogger hace mas de dos años y pues la verdad no me llamaba mucho la atención, pues no era o estaba a lo que desea ya que me gusta lo referente a los website.

      Pero desde inicio de este año, me puse a investigar referente blogger y pues me gusto mucho saber que se le puede dar diversas formas, tanto asi que empece a tunear el mio.

      Empece con una plantilla que me gusto y puse por aqui quite por alla en base a mis necesidades y a lo publicado en tu blog que me ayudo mucho con el tema de comentarios anidados personalizados, tambien con ayuda de ciudadblogger con sus tips.

      Bueno voy al meollo de asunto, este lunes decidi comprar dominio de google, hay todo bien, pues el blog en mencion ya no deseaba hacer ningun cambio en su estructura interna (codigo), bueno cuando compre el dominio me direccionaron y todo super quedo como queria, pero ayer decidi, colocar un cuadro de aviso y segui las instrucciones de ciudad blogger me salio tal cual queria, pero no se si toque el css o que paso, pues ahora la numeración y el color e imagenes de los comentarios anidados no sales.

      Pero algo raro que en la antigua direccion si se notan pero en la direccion actual no, en esta salen distorcionados, espero puedas darme una mano en ello me seria de gran ayuda.

      adjunto los codigos de ambas plantillas, la llamada purgando es la que tengo actualmente en el blog y la techpost es la original sin ningun cambio.

      No se si de tanto poner y quitar el codigo esta deteriorado o tiene conflicto, no soy conocedor de programación mas bien me agrada el diseño garfico.

      ademas, dejo ambas direcciones para que veas lo que digo y puedas ayudarme o explicarme porque sucede esto:

      de la forma que ya no se ve el diseño: http://www.encuentroswingers.com/p/experiencias-swingers.html
      de la que aun se ve el diseño: http://www.encuentros-swingers.blogspot.com/p/experiencias-swingers.html

      Nota: Muy buenos temas y explicas muy bien hasta uno que no sabe del tema puede orientarse en tus tutoriales, gracias de ante mano.

      Atentamente.-
      Alexander Espinoza.

      Eliminar
    3. Hola encuentroswingers,

      El problema con los comentarios no está con la caja de aviso ni con el cambio de dominio.
      Desde ayer Blogger parece que anda haciendo cambios. A muchos nos han desaparecido los estilos, de repente se van y de repente regresan.
      No a todos les está pasando, pero ya somos muchos los que nos hemos visto afectados con este tema de los comentarios durante las últimas horas.

      Por cierto, que ambos enlaces me muestran los comentarios de igual forma, pues como te digo, no tiene que ver el dominio.
      Supongo que Blogger debe estar trabajando en algo en el área de los comentarios, pues como sabrás, este sistema de comentarios anidados es nuevo, así que habrá que esperar a que Blogger termine de hacer lo que tenga que hacer, y después seguro todo regresará a la normalidad ;)

      Saludos.

      Eliminar
    4. Gracias por tu respuesta amigo Potro

      Eliminar
  138. Hola Potro, en relacion a esto, me gustaria agregar a mi blog "la palabra del dia" que YO escoja , que yo pueda editar, cada vez que haga una entrada. Habra algun gadget que me puedas sugerir?? MUCHAS GRACIAS
    ya busque en internet, pero me dirigen a paginas predeterminadas de idiomas

    ResponderEliminar
    Respuestas
    1. Hola Mexican in Q8, no entendí muy bien, ¿qué es lo que quisieras que haga el gadget este y en dónde te gustaría ubicarlo?

      Eliminar
    2. Hola Potro, perdon por explicarme bien, ahi voy de nuevo,:D Me han pedido quienes leen el blog que les ensene una palabra arabe cada dia.
      Creo que un gadget ayudaria, como puedo crear un gadget para esta opcion que se llame "PALABRA DEL DIA"??
      Gracias ! yo sigo buscando tambien :P

      Eliminar
    3. Gracias por los detalles extra :)
      Pues sino será nada automatizado basta con poner un elemento HTML/Javascript y ahí poner el texto que quieres, puedes ponerle un formato para cambiarle el color, tamaño, etc.
      Por ejemplo:

      <span style="font-size:22px; font-weight:bold; text-align:center;">Iftar (&#1573;&#1601;&#1591;&#1575;&#1585;)</span>

      <p style="font-style:italic; color:#d1d1d1;">
      Se refiere a la comida nocturna con la que se rompe el ayuno diario durante el mes Islámico del Ramadán. El Iftar durante el Ramadán se hace de manera comunitaria, con grupos de musulmanes que se reúnen para romper el ayuno.
      </p>

      Eliminar
    4. eres el mejor !! gracias, esperare antes de hacer cualquier cambio para ver si queda lo de mi problema con los comentarios !!! y quise decir (perdon por NO explicarme bien :P)
      MIL GRACIAS

      Eliminar
    5. Descuida, entendí que eso quisiste decir :)
      Saludos!

      Eliminar
    6. Hola Potro gracias por tu ayuda y perdon por no haber podido mandar la plantilla, no supe como, :P , necesito que me hagas un favor, podrias entrar a mi blog http://mexicaninkuwai.blogspot.com y me dices si ves todo correcto?? puse los comentarios debajo de las entradas y agregue la caja de comentarios de fb (compartidisimo). solo entra a alguna de las entradas anteriores ... por favor!! gracias

      Eliminar
    7. ya me confirmaron mis cuates que no pueden ver las entradas con esta modalidad, asi que ya regres mis comentarios a la pagina completa jajajaj !!!! GRACIAS !!! cuando vengas a Kuwait te llevamos a dar una vuelta en camello :P FELIZ DIA DE LA AMISTAD A TODOS LOS CIUDADANOS DE BLOGGER

      Eliminar
    8. ¿El problema no será la colocación de la caja de comentarios de Facebook? Es decir, ahora entré pero dice que el blog está eliminado, pero me preguntaba si ese problema sólo se da cuando pones el plugin de Facebook.
      Si es así mira esta entrada, ahí hay una actualización para quienes usan los comentarios anidados, así sabrás exactamente en qué lugar ponerla. La de Compartidísimo no sé, porque no la he probado, pero al menos la "normal" esa sí funcionará en los anidados:
      http://ciudadblogger.com/2011/12/agregar-la-caja-de-comentarios-de.html

      Me muero por ese paseo en camello, mira que un potro encima de un camello no es algo que se vea todos los días :)

      Feliz día de la amistad!

      Eliminar
    9. Hola :P aqui ando, ya me duele la cabeza de pensar cual seria el problema... todo se descompone cuando pongo los comentarios debajo de las entradas... oye 2 preguntas mas... descargue la platilla y "trate" jaja de revisarla pero ando "lost in translation" no entiendo ni maiz... pero sale un error que dice:

      The XML page cannot be displayed
      Cannot view XML input using XSL style sheet. Please correct the error and then click the Refresh button, or try again later.
      ________________________________________
      The operation completed successfully. Error processing resource 'file:///C:/Users/bagheera/Downloads/template-8155213953668...

      que hago?? esto me suena grave por que entonces no puedo salvar la platilla original :S

      2.- como alineo a la izq. los titulos de las entradas (puso solo mostrar titulos de las entradas en las pagineas de etiquetas?

      Oye?? podria exportar todo (entradas, comentarios etx) a una plantilla simple y empezar a poner los elementos desde cero??

      MUCHAS MUCHAS MUCHAS GRACIAS !!!!

      Eliminar
    10. Ese texto es el que te decía que también me aparecía cuando me la mandaste en Word. Ese texto no debería estar ahí ni en ningún otro lado.
      Ya tengo habilitado de nuevo el formulario, si quieres mándamela, pero ya sabes que debe estar en formato XML.

      Los títulos de las entradas ya están alineados a la izquierda. Para lo otro de las páginas de etiquetas mira esta entrada:
      http://ciudadblogger.com/2009/07/mostrar-solo-los-titulos-de-las.html

      Sí puedes exportar el blog, aquí puedes ver cómo se hace:
      http://ciudadblogger.com/2010/03/hacer-una-copia-del-blog.html

      Saludos!

      Eliminar
    11. Por cierto, que no es necesario exportar el blog, en ese mismo puedes ponerle otra plantilla para empezar desde cero, las entradas y los comentarios se conservarán, no te preocupes por eso ;)

      Eliminar
    12. Holaaaa Potrooo !!! muchas gracias por toda la ayuda, cambie la plantilla y empece de ceros !!! asi que el problema se ha solucionado y ahora que empece a poner todo de regreso, que crees?? jajaj ya descubri el problema que tenia ...algo hice mal en la otra plantilla que al poner "mostrar solo los titulos de las entradas..." es cuando desaparece lo demas.... ya no lo puse, por supuesto MIL GRACIAS ~!!!! hasta mi siguiente duda :P te sigo leyendo mientras :D

      Eliminar
    13. Vale, me da gusto que se haya acabado todo el problema y ya tengas todo otra vez funcionando como debe ser :)

      Eliminar
  139. Hola Potro!
    Quiero perdirte que me permitas enviarte un mensaje, es que yo tengo una pagina en la plataforma de Ning.
    Y Muchas de las cosas de blog agarran alla. Poniendolas en codigo personalizado (como se le llama) en el css, o tambien en la ventanas html que estan en el pagina de Inicio.
    Yo agregue la ventana de aviso en mi red, y funciona bien. La agregue en una de las ventanas html de inicio. El caso es que quiero remover la ventana y pues el codigo que agregue en la ventana no esta. Empece a buscar a donde se habia movido ese codigo y y encontre parte de el pero modificado automaticamente, porque no fue el codigo que yo pegue.
    lo elimine pero AUN me sigue aparciendo la ventanilla emergente. y ya no se que mas puedo hacer. Lo que quiero es ver si puedes checar el codigo que encontre en mi css y me puedas dar una luz para yo tratar de arreglarlo. Yo se que no usas esa plataforma pero como sabes mucho de codigos quizas al analizarlo me puedas decir que puedo hacer para solucionarle. Creo que trate de volar muy alto en esto de los codigos y me estralle jejeje!~ Por favor ayudame! ..dime algo por lo menos! jejeje, quiero solucionar esto. Mil gracias anticipadas.

    Este es el codigo tuyo pero un poco modificado conforme mi necesida:

    Este es el que encontre en mi css (el que se movio AUTOMATICAMENTE a mi css):
    #anuncio {
    position: absolute;
    border: 0px;
    padding: 2px;
    width: 300px;
    height: 300px;
    visibility: hidden;
    z-index: 200;
    top: 27px;
    left: 13px;
    }

    // 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }

    return returnvalue;
    }

    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("anuncio").style.visibility="hidden"
    }

    function staticbar(){
    barheight=document.getElementById("anuncio").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("anuncio");
    stayTopLeft();
    }
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    //]]>

    ResponderEliminar
    Respuestas
    1. Hola Hija del Altisimo,

      Está bien que vueles alto, es bueno arriesgarse a jugar con los códigos y experimentar, sólo así se aprende.
      Todo ese código es el que deberías eliminar. Aunque ahí lo veo un tanto incompleto pues no encuentro la parte donde va el mensaje.
      Aun así, si quitándolo no desaparece agrega debajo de #anuncio { esto:

      display:none;

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
    3. jajajaja me haces reir! ...pero gracias por los animos y motivarnos!
      No me funciono el (display:none;
      y pues, persistente yo jejejeje! ...con mi navegador firefox, pude ubicar donde esta el codigo faltante, com el mensaje. Y lo elimine y ya se quito gracias a Dios!
      Gracias de todas formas. Tus tips y toda tu ayuda, nos ayudan tambien a pensar!
      Por otra parte, me gustaria saber, si es posible que el codigo que das, solo salga en la pagina de inicio (home) y no en todas las paginas?

      Mil mil mil gracias por tu ayuda! Eres genial, gloria a Dios!
      Dios te bendiga

      Eliminar
    4. Qué gusto que se pudo eliminar finalmente.
      Lo otro que preguntas sí se puede, sólo es cuestión de usar las condicionales para que elijas dónde no quieres que se muestre:

      http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

      Saludos :)

      Eliminar
  140. Potro puedo no tener mas el gadget de la caja flotante esta y que siga funcionando?? lo quiero modificar y no lo encuentro

    ResponderEliminar
    Respuestas
    1. Si lo agregaste en tu blog debe estar en un gadget HTML/Javascript, así que revisa todos los que tengas, ahí debe estar.

      Eliminar
  141. Saludos Potro, muy bueno el aporte, me encanto.
    Bueno solo me quedo una duda, ya que quise aplicar este truco con el del post-it, con respecto a que se usaran los cookies, y no se si quedo bien.
    Cuando pongo en 0 el valor para que se muestre siempre, todo va bien. La cosa es que no se cuando le pongo en 1 para mostrar por sesion (me imagino que es la sesion de usuario de windows), como puedo hacer que el navegador me muestre el aviso como si acabara de iniciar sesion.
    Intente borrando los cookies y demas cosas del navegador pero no me mostro nada, asi que no se si esta mal hecho o es que con solo borrar eso de los cookies no basta.
    Ya que no quisiera tener que estar iniciando y cerrando sesion para checarlo.
    Gracias de antemano por tu respuesta.

    ResponderEliminar
    Respuestas
    1. El del post-it no funciona bien eso de las cookies, algunos usuarios dicen que les va de maravilla, pero a otro (como a mí) nunca nos ha funcionado eso de que se pueda dejar de mostrar.
      Yo he intentado localizar al autor del script pero como el script es muy viejo no hay mucha información :/

      Eliminar
    2. Gracias por responder potro, es una lastima que ese scrip no funcione bien.

      Alguna otra sugerencia que me puedas dar para que el aviso no aparesca siempre, ya que puede llegar a ser algo molesto.

      Lo unico que se me ocurre en este momento es algo asi como el scrip de las cabeceras cambiantes, donde manda al azar un numero y si este es uno entonces poner el scrip del aviso.

      Quisiera saber si se puede hacer un contador o algo asi cada vez que entren a la pag de inicio. En el scrip o de alguna parte o de alguna forma, algo para no depender del random.

      Bueno gracias y espero tu respuesta.

      Eliminar
    3. Mira esta entrada de Oloblogger, quizá eso te pueda ayudar:
      http://www.oloblogger.com/2010/02/mostrar-un-div-solo-una-vez-al-dia.html

      Eliminar
    4. Gracias por tu pronta respuesta Potro, pues ahora mismo estoy de salida, y solo lo vi por encima, se ve que es mas complejo que los practicos y sencillos trucos que nos traes, que de por si me cuestan algo combinarlos ya que no se nada de HTML y java XD.
      Pero al parecer es justo lo que quiero. En cuanto vuelva lo checo y si me atoro en alguna parte agradeceria tu colaboracion XD.
      Bueno sin más gracias nuevamente.

      Eliminar
    5. Saludos Potro hoy vengo con otra duda sobre este aviso que no me deja en paz XD.
      Uso Firefox y en el blog el anuncio simplemente no cierra, le doy a la pestañita y me abre otra pestaña en blanco "about:blank".
      El script funciona perfectamente lo probe en otro blog, y no hay problema, y segun yo por las pruebas que hice otro scrip esta interviniendo, es uno que puse para que laspaginas agenas al dominio de mi blogg y de otro, se abran automaticamente en una pestaña nueva.

      Mi duda es como puedo solucionarlo, sin quitar el aviso o el scrip, ya que ambo son muy utiles.

      Te dejo el scrip por si gustas checarlo. Probe antes uno de tu blog pero no supe bien donde colocar los elemento y no funcionaba.

      Gracias de antemano por tu respuesta y ayuda.




      <script language='javascript'&gt
      var dominio = "http://zerosubspruebas.blogspot.mx/";
      var dominio1 = "http://zerosubspruebas.blogspot.com/";
      var script = "javascript:void(0);";
      var imagenesblogger0 = "bp0.blogger.com";
      var imagenesblogger1 = "bp1.blogger.com";
      var imagenesblogger2 = "bp2.blogger.com";
      var imagenesblogger3 = "bp3.blogger.com";
      var blogger1 = "www.blogger.com";
      var blogger2 = "www2.blogger.com";
      var publicidad = "pagead2.googlesyndication.com";
      function LinksExternos() {
      var Externo;
      if (document.getElementsByTagName('a')) {
      for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++) {
      if (
      Externo.href.indexOf(dominio) == -1 &&
      Externo.href.indexOf(dominio1) == -1 &&
      Externo.href.indexOf(script) == -1 &&
      Externo.href.indexOf(imagenesblogger0) == -1 &&
      Externo.href.indexOf(imagenesblogger1) == -1 &&
      Externo.href.indexOf(imagenesblogger2) == -1 &&
      Externo.href.indexOf(imagenesblogger3) == -1 &&
      Externo.href.indexOf(publicidad) == -1 &&
      Externo.href.indexOf(blogger1) == -1 &&
      Externo.href.indexOf(blogger2) == -1
      )
      {
      Externo.setAttribute('target', '_blank');
      //Externo.setAttribute('class', 'linkexterno');
      }
      }
      }
      }
      window.onload = function() {
      LinksExternos();
      }
      </script&gt

      Eliminar
    6. Sólo obliga a que el enlace del ícono abra en la misma ventana. En el código de esta entrada verás:
      <a href="javascript:closeit()" >

      Y deberá quedar:
      <a href="javascript:closeit()" target="_parent">

      Eliminar
    7. Intente lo que me comentas y aun asi no la cierra.
      veo en el codigo que hay insertada una funcion Void puede ser que asi la describa en el codigo?. si es asi, como lo hago, ya que intente con "javascript:closeit();" y no em dio resultado.

      Eliminar
    8. Entonces puede ser que tengas que quitar ese script y usar un método distinto para abrir los enlaces aparte. Ese es uno de los inconvenientes de esos métodos (como cualquier otro), que siempre hay elementos que no se puede excluir.

      Eliminar
    9. Si veo que tiene sus inconvenientes, pero la verdad es muy util, es mucho mas util que el aviso, no quisiera quitarlo el aviso tampoco.
      Cual metodo me recomiendas para abrir los links en una pestaña aparte, ya que el de abrir todos los links es algo molesto. Y el deir poniendo cuales links se abriran seria mucho trabajo ya que tengo algo de cantidad de links como para ir post por post checandolos.
      Sabes por que el scrip que te puse no lo reconoce el chrome?
      ya uqe lo probe desde ahi y veo que todo me lo abre en la misma pestaña, los links que no sond el blog.
      Bueno gracias por tus respuestas y paciencia Potro.

      Eliminar
    10. Ni idea porqué, antes funcionaba bien en todos los navegadores.
      Este es otro método, pero es más manual que automático:
      http://ciudadblogger.com/2010/04/abrir-todos-los-enlaces-en-otra-ventana.html

      Eliminar
    11. No te comprendi lo anterior. Me referia yo a que el scrip que te puse, que abre todos los links que no son del blog. Ya que el de aviso funciona perfectamente. ¿Tendra algo que ver donde coloco el script? Ya que yo lo pongo despues de Head, pero navegando vi en otro post que decia que antes de b /skin.

      Bueno en relacion a lo del aviso, ya logre solucionarlo. Agregue una nueva linea al script que puse, igual a la de avoid, antes no resulto por que no me di cuenta de que se debia escribir el nombre de la funcion como era, y aviod llevaba ";" al final y pense que asi se debia poner y le deje a closeit() ";" al final.

      Pues muchas gracias potro por todo. Me quedo con el script que te escribi, si bien hay que agregar una nueva linea cada que incorpore una nueva funcion se ajusta mas a mis necesidades que otros que he visto.

      Me despido y seguire molestandote en el futuro XD, espero que ya no tanto y pueda aportar mas.

      Eliminar
  142. que puedo hacer para que solo salga en la pagina principal

    ResponderEliminar
  143. que salga en la principal sin hacer lo de aqui http://ciudadblogger.com/2009/07/mostrar-gadgets-solo-en-la-portada.html solo editando el gatget

    ResponderEliminar
    Respuestas
    1. Ese método es editando el gadget, otro método es este:
      http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

      Eliminar
  144. hola potro, te queria preguntar como poner esta caja con opcion de cerrar y face y twitt pero que en lugar de un texto lleve una immagen completa o video o mejor un Banner? gracias

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger