Otra pantalla de presentación fácil | Oloblogger Siempre, o casi siempre, hay diversas maneras de conseguir hacer lo que queremos, siguiendo distintos caminos. Unos comentarios cruzados con...

17 de febrero de 2010

Otra pantalla de presentación fácil

Siempre, o casi siempre, hay diversas maneras de conseguir hacer lo que queremos, siguiendo distintos caminos. Unos comentarios cruzados con Cocodrolo, me dieron la idea de una nueva chapucilla para simular una pantalla de presentación como la que habeis visto al entrar al blog o al hacerlo en esta misma entrada (depende de la fecha en la que leais esto).

Antes vimos otros sistemas en Blog con pantalla de presentación y Portada en página Inicio. Esta sería la versíón light y se consigue combinando pequeños trucos ya vistos.

Este enlace es por si no han pasado todavía 96 192 horas (lo que hemos programado aquí) desde la primera vez que viste esto, pero quieres volver a hacer visible la entradilla.


Básicamente, vamos a usar el código de Mostrar un DIV sólo una vez al día, pero haciendo el DIV del tamaño completo de la ventana del visitante y quitando la -ahora- innecesaria capa semitransparente. Me ahorraré la explicación que ya figura en el anterior enlace.

Antes del </head>, insertamos...

<style type='text/css'>
.visible {display:block;}
.invisible {display:none;}
</style>
<script type='text/javascript'>
function plegardesplegar(identificacion){
var menu = document.getElementById(identificacion);
if(menu.className == 'visible'){
menu.className = 'invisible';
}else{
menu.className = 'visible';
}
}
</script>

...y tras <body>, esto otro...

<div class='visible' id='id_bloque' style='z-index:100;position:fixed; overflow:visible; width:100%; height:100%; color:#000000; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO6-8PV6oarF0VlyMcewTFzuJTFVfOlis6_yaxCQVRYG9823ATZ2kM05LZgXqdWCOaqwfF_wB5jNKvPbEPPdliVSm_9y9cxWXOhyphenhyphenr2hu9jAwc0nH3Q6J4Js4ciacezD9dY1cLl-8TbhDQ/s0/fondo.jpg) no-repeat 50% 50% #F4F8F9; padding:20px; text-align:center;'>

<div style='width:600px;height:400px;position:absolute;top:50%;left:50%;margin-top:-220px;margin-left:-300px;font-family:courier new;font-size:20px;line-height:20px;'>
Aquí ponemos poner una imagen, enlaces, texto, un menú, un vídeo, una lista, un flash... en fin, lo que sea. Pero lo que no puede faltar es un enlace que nos lleve a alguna página o al menos, que cierre el DIV solapado por encima del contenido.
<a href='javascript:plegardesplegar(&quot;id_bloque&quot;);'>ENLACE PARA CERRAR EL DIV</a>
<a href='http://oloblogger.blogspot.com'>ENLACE A UNA PAGINA</a>
<br/>
<span style='font-size:10px;'>Imagen de fondo: <a href='http://www.flickr.com/photos/wheatfields/'>net_efekt</a></span>
</div>

</div>

Personalizamos el contenido del DIV, el fondo y los enlaces, y con esto ya tenemos nuestra pantalla inicial, que se mostrará cada vez que se acceda a una página del blog.

Y lo marcado en negrita es el origen de un problema. Imaginaos navegando por una web en la que cada vez que cambiamos de página, nos sale la presentación de las narices. Si por las características de nuestro sitio, esto es justo lo que queremos, pues ya hemos acabado, pero si no es eso, tendremos que añadir algo más de código.

1. Supongamos que sólo lo queremos mostrar cuando se accede a la página principal y no cuando se hace a través de otras páginas. En ese caso, el segundo trozo de código habrá que meterlo dentro de un condicional, que para Blogger sería:

<b:if cond='data:blog.homepageUrl == data:blog.url'>
CODIGO QUE FORMA LOS DIV's
</b:if>

2. Sin embargo, puede que lo que queramos es que salga esa entradilla independientemente del tipo de página desde la que el visitante empieza a visitar el blog, pero sin ser tan cansinos. En ese caso, sólo se me ocurre volver a las cookies.

Como ya se explicó en una entrada anterior, para esto tendríamos que montar las funciones para grabar y leer cookies y a continuación, añadir detrás del código que forma los DIV's una comprobación sobre si es la primera vez que se visita el blog en cierto intervalo de tiempo.

<script type='text/javascript'>
var comprobar = getCookie(&quot;primeravez&quot;);
if (comprobar != null) {}
else {
var expiration = new Date();
expiration.setTime(expiration.getTime() + 86400000);
setCookie(&quot;primeravez&quot;,&quot;1&quot;,expiration);
plegardesplegar(&quot;id_bloque&quot;);
}
</script>


El número en verde marca el tiempo hasta el cual no se volverá a mostrar la "presentación". En el ejemplo, 24 horas en milisegundos.

Si se aplica esto de las cookies, hay que hacer un cambio más en el ejemplo que hemos puesto. El DIV cuya ID hemos marcado en azul con VISIBLE, debería cambiarse a INVISIBLE.


En Blogger, también podeis poner todo este código (primer script, creación de capas y script de cookies en su caso) dentro de un gadget HTML/JavaScript, con lo que se podría eliminar muy fácilmente el día que decidamos cambiar el sistema. Si lo hacemos así, tendríamos que colocarlo lo más arriba posible. Encima del HEADER si es posible. De lo contrario, se cargarían otras cosas primero y luego saldría la presentación, lo cual quedaría un poco raro.

Aunque se haga de esta última manera, en mi opinión, al menos las funciones de las cookies sí se deberían dejar en la plantilla. De esta manera las tendremos siempre disponibles para cualquier uso futuro.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

202 comentarios :

  1. Ahí va un capotazo: oye, Oloman, que cuando estoy en la entradilla esta tan chula para demostrarnos como se vería el truco y hago clic en el enlace "Ver la entrada sobre cómo hacer esto" me sale el consabido:
    Not Found
    Error 404

    :O

    Yo ya he cumplido echándote el capotazo, a ver como te las apañas tú con el Miura (o quizá no sea para tanto)

    Saludos.

    ResponderEliminar
  2. Gracias Chacien. Ya está arreglado. El problema es que la página es aurreferente y se enlaza a sí misma :), así que hasta que no he publicado no tenía la dirección para enlazar y cuando lo hice, se me olvidó incluirla.

    Al menos una oreja ¿no?

    ResponderEliminar
  3. mmmmm, genial, y también se le puede aplicar flash, creo que voy a probar más a esta, se adecúa mucho más a mis necesidades y no parece tan dificil. Además CREO, que lo bueno es que el div aparece al entrar a la página, y si luego pulso en home que sería la pagina de inicio ya no esta no? o me equivoco?

    Cuando lo tenga te aviso y ves el resultado :)

    ResponderEliminar
  4. aaaaaaa, ya entendí el ultimo scrpit, me viene de 10 puntos, porque le podes poner el tiempo que quieras para la aparicion y etc cada vez que se entra a la página =D esto es genial, ya que el problema que tenia con la portada anterior era que en el menú tenía un botón de HOME y cada vez que lo apretabas volvía a salir la portada, jajajaja. además en este lo puedo situar donde quiera

    NO more questions ;-)

    Y como te dije, cuando tenga el result te lo muestro

    ResponderEliminar
  5. Otra más para la carpeta. Ya llegará su aplicación un día de estos en mi blog, ¡Seguro!

    ¡Saludos desde la Luna!

    ResponderEliminar
  6. Otra cosita más: me he quedao to pillao con la palabreja esa de aurreferente; pensé que era un tecnicismo perteneciente al lenguaje informático y, un poco avergonzado de mi ignorancia, me he puesto a buscarla, pero no encuentro nada. Querías decir autorreferente ¿verdad?

    No es que no haya entendido el sentido de la frase ni que le de mayor importancia, es simple curiosidad.

    ResponderEliminar
  7. Errata mecanográfica. Efectivamente, intenté escribir autorreferente. No añadiré nada más relativo a tu curiosidad :D

    ResponderEliminar
  8. Genial paisano, estas cosas invitan a probar y jugar con nuevas posibilidades, últimamente te veo muy creativo :)
    Veo que esa curiosidad por buscar palabras extrañas no es sólo una afición mía :)

    ResponderEliminar
  9. ¿Dónde está tu botón para Facebook? me refiero a las entradas, con Twitter no hay problemas añade el otro anda..

    ResponderEliminar
  10. No sé Gem@. Quizás es que se han juntado dos o tres posts muy seguidos en ese sentido, pero nada más. De todas formas, a mí me gusta programar, pero mucho más me gusta el diseño y por eso casi prefiero dar un truco de cómo aprovechar algo conocido que dar un código nuevo sin poner algún ejemplo de para qué puede servir. Lo que pasa es que si de lo primero voy sacando cosas así, así... de lo segundo ni hablamos.

    Y sobre el boton de Facebook, a ver si lo pongo. Creo que sabes que no me prodigo mucho ni por la Red ni por las redes... sociales. Y además, se ve que me estoy volviendo mayor, pero ya estoy un poco hartito de tanto invento nuevo que aporta tan poco y cada vez soy más perezoso con eso. Si estoy en algún sitio de estos es porque hay que estar, pero ahí se acaba mi relación...

    Aprovecho tu mensaje para darte las gracias por el "homenaje" de esta semana en tu barra lateral ¿ha sido por lo de la especial creatividad de los últimos días? :D

    Otra cosa. Lo llevo pensando tiempo... Un día tenemos que quedar. ;)

    ResponderEliminar
  11. Hmmm... Acabo de ver que en el Tell a Friend hay también un botón para Facebook, por lo que puede que tarde algo más en poner uno individual. :D

    ResponderEliminar
  12. Coincido contigo en lo del diseño es mi asignatura pendiente yo diría mejor mi profesión frustrada pero a estas alturas y tal como está el panorama prefiero exprimir las ideas y divertirme jugando con las posibilidades.
    Sobre el blog de la semana, pues no, nada tiene que ver con la creatividad, mi idea cuando hice esa sección era dar a conocer blog que de alguna forma comparten información sea del tipo que sea.
    Lo de quedar suena muy serio, aunque no lo parezca soy de un vergonzoso que ni te imaginas pero bueno, un día de estos, de un mes de estos de un año cualquiera podemos quedar.
    Eso si, a los reporteros les das esquinazo que desde que ganaste el concurso eres portada en todas las revistas y luego no pagan las exclusivas.

    ResponderEliminar
  13. Se me ocurre otra utilidad para esto: una especie de cortinilla de aviso para mientras estoy de chapuzas en el blog. Por ejemplo, esos interminables minutos (que se pueden hacer horas) entre que cambio de plantilla, preparo los gadgets, doy los retoques, etc...

    Para que nadie se extrañe si ve cosas raras, vamos. Es que privatizar el blog durante el proceso no lo veo práctico. Así al menos sabría la gente qué está pasando, ¿no?

    Me lo anoto en la carpeta de pendientes...

    ResponderEliminar
  14. Sí. Una capa de este tipo puede venir bien para muchas cosas José.

    Por lo que veo, con tu nueva plantilla te pasa lo que a mí... y es que cuando he cambiado, nunca veía el momento de dar el paso definitivo. Siempre pensaba qué es lo que podía mejorar antes de hacerlo y se iban pasando los meses.

    ResponderEliminar
  15. No es mi caso, Oloman. Aún me quedan detalles importantes, como la vista por etiquetas, dar estilo a los comentarios, y el footer. ¡Ah! Y hacer bien hecha la imagen de la cabecera. Y solo puedo dedicarle unos minutos al día, y eso si me llegan.

    Cuando la tenga presentable ya la pondré en funcionamiento e iré puliendo los detalles sobre la marcha.

    Ya os aviso cuando esté si queréis criticarla (esto lo digo también por Gem@ y por quien quiera). Mucho de lo que he aprendido, entre otros muchos bloggers también, os lo debo a ti y a Gem@, así que es lo de menos invitaros a la "inauguración"... ¡Je, je, je!

    ResponderEliminar
  16. Quería decir: "lo menos que puedo hacer es invitaros..." Pequeño error de redacción... :$

    ResponderEliminar
  17. Pues aquí me tienes para darte las gracias por la invitación José, avisa como puedas y en el sitio que puedas. Menos en mi blog cualquier sitio vale. Lo que puede fastidiar un guión :(

    ResponderEliminar
  18. Estaba mirando tu ejemplo y no me había dado cuenta que si se utiliza el cursor algunas imágenes de la plantilla "suben" alguna idea para que eso no ocurra?

    ResponderEliminar
  19. ¡¿Cómooooorrrr?!!!
    No te referirás al efecto de Firefox cuando pinchas y arrastras una imagen ¿no?

    ResponderEliminar
  20. Pues no, me refiero que cuando se utiliza el cursor hay imágenes de tu plantilla que suben simultáneamente al cursor.

    ResponderEliminar
  21. Ponme un ejemplo para que lo entienda mejor, que no sé qué es lo que quieres decir ¿a qué te refieres con utilizar el cursor? ¿qué imágenes se mueven?

    ResponderEliminar
  22. Me expliqué mal quise decir la barra, que si utilizamos la barra hay imágenes de tu footer que suben al mismo tiempo. Aquí un ejemplo

    ResponderEliminar
  23. ¡coñ...digo ¡cáspita! ¿Y tú para qué tocas nada? :D Creo que tiene que ver con la forma en que monto las ditintas partes del blog. Voy a echar un vistazo. Gracias por el aviso Gem@

    ResponderEliminar
  24. Pues siento si te fastidié la noche jajajajaja eso pasa porque lo miro todo al detalle pero mira al menos ha servido para rectificar el problema :)
    Ya me dirás por qué ocurre eso quiero probar un día de estos.

    ResponderEliminar
  25. No, ha sido relativamente fácil. Sólo he subido el z-index del DIV :D Es que uso valores demasiado altos sin necesidad para algunos elementos de la plantilla. Le puse 500 al ejemplo para no fallar. Gracias de nuevo.

    ResponderEliminar
  26. He intentado de varias maneras y no puedo poner una imagen de fondo, solamente puedo dejarla de un color solido, la url no me funciona, ¿como cambio la imagen?

    ResponderEliminar
  27. Y ademas de eso, creo que mi contador no funciona creo que no me resulto tan facil como crei...

    ResponderEliminar
  28. mmm.... me tarde casi toda la tarde pero ya encontre el error, gracias por tu ayuda esto me ha sido muy util...
    Nemesis1030.blogspot.com

    ResponderEliminar
  29. Bueno... de nada, pero lo has solucionado tú solo. :)

    ResponderEliminar
  30. Hola, buenos dias

    Felicitarte por tu magnifico blog, la verdad que lo sigo practicamente a diario... Mi blog personal es http://mikipareja.blogspot.com
    Te quería preguntar una duda que tengo para modificar el aspecto de los blogs que tengo. En su mayoría son de fútbol, con lo que agrego mucha información y noticias, por lo que me gustaría que los posts o aspecto de los mismos pudieran tener una apariencia parecida a esta web: http://www.futsiatleticofeminas.com

    Sabes de algún código html que pueda servir???

    Gracias por tu ayuda.

    Un saludo
    Miki

    ResponderEliminar
  31. Hola. Gracias por los piropos.
    La página cuyo estilo te gusta no es de Blogger y eso hace que no tenga limitaciones, al contrario que como nos pasa a nosotros. Aún así, se puede hacer.

    Es largo de explicar en detalle, pero la idea consistiría en limitar el ancho de las entradas a la mitad del espacio disponible y además, hacerlas flotar a derecha o a izquierda. De esta manera, se irían apilando en horizontal y luego en vertical (y no sólo en vertical).

    Esta plantilla está hecha de esa manera. Puedes descargarla y ver cómo va, o directamente modificarla a tu estilo. Esta la conozco bastante por motivos obvios, pero seguro que hay otras por ahí que te puedan valer.

    ResponderEliminar
  32. Anónimo2/3/10, 2:38

    Muchas Gracias me sirvio demasiado para mi nuevo proyecto...

    Pero tengo un pequeño problemita....

    Cuando ingreso a diseño/elementos de pagina tambien me sale la imagen que elegí y no me deja ver mis elementos gadget ni cabecera para editarlos, ¿que puedo hacer?

    Gracias....

    ResponderEliminar
  33. le puse un flash y no me carga...
    me aparece esto:

    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 reference to entity "embedFormat" must end with the ';' delimiter.


    porque me pide que ponga ; ???
    es que parte se lo pongo?

    Cambiando de tema:

    Ya solucione lo de la barra de abajo que se expande, utilice otro script de los tuyos ;)

    ResponderEliminar
  34. Vernarutoenespanol, tendrías que incluir la parte de las cookies y así sólo te saldría una vez y con refrescar desaparecería. Con tus visitantes pasaría lo mismo, así que tienes que escoger bien la duración de la cookie.

    Il Don, hay algo que falta o sobre en el código que insertaste. Eso es lo que quiere decir ese error... un punto y coma, un cierre, unas comillas...

    ResponderEliminar
  35. Anónimo3/3/10, 2:36

    Muchas Gracias por responder....

    Mira este es la imagen del inconveniente
    http://i47.tinypic.com/2f09g0j.jpg ; me puedes decir si es necesario incluir la parte de las cookies o si es un error mio?

    Es caso de ser error, existe otra forma de hacer lo mismo sin usar cookies? Quiero que quede como pagina principal....

    Perdón por las molestias y de nuevo Muchas Gracias por tu ayuda....

    ResponderEliminar
  36. En esta misma entrada hay un par de enlaces (segundo párrafo) a otro tipo de sistemas. El primero de ellos tiene el mismo inconveniente y por ello se me ocurrió lo de las cookies. Con ellas se soluciona prácticamente el problema. El segundo enlace es un primitivo sistema que ideé hace tiempo y no me satisface mucho, pero también puede ser una alternativa.

    Lo ideal sería encontrar una condición que permitiera ocultar la pantalla de presentación precisamente al administrador del blog, pero hoy por hoy no sé cómo hacerlo.

    ResponderEliminar
  37. Hola oloblogger quisiera saber porque hay que hacer doble click para darle ENTRAR...osea se puede cambiar eso y que sea con un solo click?

    Saludos

    www.zonamr.com.ar

    ResponderEliminar
  38. ¿Y dónde te ocurre eso? En el ejemplo de esta entrada funciona con un click sencillo y en tu perfil no he encontrado ningún blog con presentación. En un principio, no debería pasar lo que dices.

    ResponderEliminar
  39. Oloblogger eso me ocurre en el link que seria para cerrar el div..el blog en donde lo probe es este:http://pruebaelam.blogspot.com/

    Un saludo gracias

    MR

    ResponderEliminar
  40. Ahora lo he podido ver. Curioso... pero no sé por qué ocurre. Por intentar algo, prueba a cambiar el nombre del DIV por otro en minúsculas, pero realmente no tengo ni idea de la causa.

    ResponderEliminar
  41. oloblogger te cuento que intente eso pero = sigue sucediendo lo mismo..hay alguna otra manera de solucionarlo o sino alguna otra manera de crear una intro con un boton de ¨entrar¨ osea cerrar DIV.

    Un saludo muchas gracias.

    MR

    ResponderEliminar
  42. MR, yo no veo ningún fallo y si no fuera porque lo ví con mis propios ojos, diría que no es posible. Lo he vuelto a repasar y debería funcionar. Actualmente está todo en mayúsculas, tanto la clase como la ID de la capa. Prueba por favor a dejar ambos en minúsculas.

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

    ResponderEliminar
  44. Hola oloblogger sos un genio muchas gracias...je ahora si funciona es bastante extraño que sea por eso pero bueno se soluciono.
    Te queria preguntar que hay que modificar o agregar para que el background ocupe toda la pantalla ya que como se ve quedan franjas sin rellenar (a la izquierda y parte superior)
    Saludos que andes bien.


    www.zonamr.com.ar

    ResponderEliminar
  45. Es un margin:8px; que tienes en algún sitio pero que no localizo. Eso te forma esas bandas.

    ResponderEliminar
  46. probe buscando cn cntrl. + F y lo unico que me aparece con ese valor a escepción es:
    #pagemenucontainer {
    height: 30px;
    padding-top: 30px;
    margin-left:8px;

    pero cambie ese valor y es lo mismo.
    Un saludo muchas gracias.
    MR

    ResponderEliminar
  47. Ya te dije que yo tampoco lo logré encontrar. Lo siento.

    Sólo se me ocurre que hagas el div del mismo color que el fondo para enmascarar el fallo.

    ResponderEliminar
  48. Anónimo9/4/10, 0:56

    buenas... tengo ganas de colocar adsense en el blog y me gustaria saber usted como hizo para colocar su anuncio en donde uno le pueda hacerle click en ese triangulito de abajo y asi ver los otros dos anuncios. Le agrdezco mucho su ayuda

    ResponderEliminar
  49. Hola. Eso lo hace Adsense en función del anuncio que escojas y de sus propios algoritmos. Es automático

    ResponderEliminar
  50. muchas gracias

    ResponderEliminar
  51. como siempre genial oloman,
    tengo un problema con este tema
    todo funciona 100%bien

    pero si te fijas : http://elrincondefriends-joey.blogspot.com/

    los videos estan encima de la presentación, como hago para que eso no pase o es imposible?

    gracias.

    ResponderEliminar
  52. Para que los vídeos se queden dónde deberían (debajo de otras cosas), tienes que añadirles este parámetro:
    <param name="wmode" value="transparent" />

    ResponderEliminar
  53. lo e intentado olomar agregar ese param al video pero sigue igual o lo e agregado mal?

    ResponderEliminar
  54. Renzo, prueba a colocar ese código dentro del OBJECT, por ejemplo, justo después de <param name="bgcolor" value="#FFFFFF">

    ResponderEliminar
  55. Hola Oloman, ya puse este truco en mi blog, pero sale un ligero error, bueno este error se ve cuando le das clic en entrar al blog y abre la página pero en la barra de color negro que está atras del logo de mi blog, sale incompleta esa barra, como que se le borra un cacho de abajo y pues mi logo queda flotando en esa parte, pero esto solo me sale cuando estoy en la página pricipal, en las demas sale bien, que puedo hacer???

    P.D. mi blog es: tododepsp.blogspot.com para que lo veas

    ResponderEliminar
  56. AAAA ya vi lo que pasa, no es que se le borre una parte a la barrita de fonfo de mi logo, sino que el logo como que se baja mas de donde debería de estar, pero aún así no se como arreglarlo?

    ResponderEliminar
  57. Creo que esta "s" fuera de sitio tiene la culpa...

    </div>
    's
    <body onLoad='javascript:esconder("aviso");'>

    ResponderEliminar
  58. Hola, por favor ayudame ami no me queda, si me sale pero solo me aparece a la mitad de la pantalla.
    Ya intente modificar el tamaño, pero, solo se desaparece el texto.
    Sin mas gracias.

    ResponderEliminar
  59. Prueba a cambiar el valor de este margin-top

    <div style='width:600px;height:400px;position:absolute;top:50%;left:50%;margin-top:-220px;margin-left:-300px;...

    ResponderEliminar
  60. oloman gracias, pero e intentado poner eso dentro del embed y me funciono yeeeeeeeeee :D

    ResponderEliminar
  61. Pues nada. Asunto solucionado :D

    ResponderEliminar
  62. Hola Oloblogger...como estas?...disculpame pero quisiera saber cual es el codigo que devo de agregar en lugar del texto ya que he probado con otras formas que tenia de hacerlo pero me salta errores de terminacion etc.
    Un saludo y muchas gracias.

    MR

    ResponderEliminar
  63. PD: perdon me refiero a codigo para agregar flash...=D

    ResponderEliminar
  64. Gracias oloblogger..yo ya havia probado tu código pero no se por que me salta:
    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: Element type "embed" must be followed by either attribute specifications, ">" or "/>".

    Como se podria solucionar'
    Un saludo que andes bien.
    MR

    ResponderEliminar
  65. ¿Cambiaste todas las comillas dobles por comillas simples? Es lo que hay que hacer cuando el código va dentro de la plantilla en la parte HTML.

    ResponderEliminar
  66. Hola oloman bueno pues yo agregue la pantalla de presentacion paro lo que no entiendo es eso de las cookies lo que para es que la puse en una condicional, para que aparesca solo en la prortada pero cada que entro sigue apareciendo, no importa que haya puesto lo de las cookies bueno solo lo que quiero es que vuelva a aparecer pero despues de 24 hrs, te agradeceria tu ayuda, gracias.

    ResponderEliminar
  67. Hola oloman bueno pues yo agregue la pantalla de presentacion pero lo que no entiendo es eso de las cookies lo que pasa es que la puse en una condicional, para que aparesca solo en la portada pero cada que entro sigue apareciendo, no importa que haya puesto lo de las cookies bueno solo lo que quiero es que vuelva a aparecer pero despues de 24 hrs, te agradeceria tu ayuda, gracias.

    http://segundo--e.blogspot.com

    ResponderEliminar
  68. Hola. No me queda claro si quieres que salga siempre y sólo en la página principal, o si lo que quieres es que salga sólo cada 24 horas (y/o sólo en la página principal)

    ResponderEliminar
  69. Hola oloman!
    he instalado esta patalla en mi blog y tengo el siguiente problema: cada vez que pulsas sobre la pestalla inicio (home) me aparece. Ya he probado con los cookies y , a no ser que haga algo mal, no funciona.
    Muchas gracias por tu ayuda

    ResponderEliminar
  70. La pregunta, obviamente, es que puedo hacer para solucionarlo.
    esta es la web: www.barral23.com

    ResponderEliminar
  71. Hola Rodri. La única forma que conozco para que sólo salga una vez de cuando en cuando, es con las cookies. El problema es que no has instalado las funciones previas que hacen falta para manejarlas. Están en el enlace de la entrada que lleva el texto "grabar y leer cookies"

    ResponderEliminar
  72. Hola que tal,muy bueno esto,tengo un problema y es que como hago para que la presentacion no me salte siempre cada vez que hago click en el boton inicio por ejemplo,y en ese caso donde tengo que meter los ultimos dos codigos?

    ResponderEliminar
  73. aah perdon y otra cosa,tambien cuando voy a elementos de la pagina me aparece la presentacion en vez de los gadget...:/ Gracias!

    ResponderEliminar
  74. PAFORMADO, tendrías que usar el código que en la entrada se numera con un 2. Eso es para insertar una cookie que controla que el blog ya ha sido visitado una primera vez (viéndose la portada) y evitando así que salga el pantallazo siempre. Puedes asignar el valor del tiempo que tiene que trascurrir hasta que sea de nuevo visible., según te convenga.

    Además de ese código, tienes que conseguir también el de gestión de cookies que se facilita en un enlace ahí mismo.

    ResponderEliminar
  75. hola, tengo un problema, hice todo y me salio bien bien, pero cuando habro el blogger con internet explorer no me sale todo, el texto sale de la parte delentatera del blog y la imagen de la parte tracera dela imagen que tiene el blog, si abro con mozillasi me sale bien, cual sera el problema

    ResponderEliminar
  76. JOSE, mi versión de IE es la 8 y se ve correcto, igual que en Firefox: Unas estrellas con movimiento de fondo y un texto amarillo con un enlace al frente. Al pinchar, accedes al blog.

    ResponderEliminar
  77. Hola oloblogger, lo hize y todo bien, solo tengo un pequeño problema, soy nuevo en esto, el navbar aparece pero al bajar (dentro de la portada) lo que baja es el blog y se ve detras donde esta el navbar

    ResponderEliminar
  78. Hola Magazine.

    No sé si es que lo arreglaste ocultando la navbar, que era lo que iba a recomendar, pero el caso es que tanto en IE como en FF se ve bien en este momento.

    Sin embargo, he visto otro problema en IE. En ese navegador, el contenido del blog aparece a la izquierda de la pantalla; no en el centro. Tendrás que ver eso.

    ResponderEliminar
  79. Oloman:

    Sí, esto es "casi" lo que quiero hacer en mi blog. Para saber si ese "casi" se convierte en "todo" necesitaría saber si:

    1) ¿El fondo oscuro transparente (cuya opacidad es variable a gusto por lo leído) se logra solamente con ese asunto de invisible y visible, o hay algún código de color (tipo transparente claro o transparente oscuro) con el que puede conseguirse?

    2) ¿En ese fondo transparente se puede escribir, no?

    3) ¿Se pueden combinar el modo "cada 24 hs" con el de pestaña (usar ambos), por si el visitante quiere revisar la ventana vista?

    4) ¿Entendí mal o todos estos códigos (los de esta misma entrada), una vez elegida la personalización de la pantalla de presentación, pueden ponerse en un gadget sin poner nada directamente en la plantilla?

    Leí la entrada entera y también los enlaces a Mostrar DIV... y Simular una ventana... Por eso es que te pregunto todo esto; me parece que combinando algunas cositas llego a ese "todo".

    Muchas, muchas gracias.

    José.

    ResponderEliminar
  80. Cómo sigo sin saber qué es exactamente lo que quieres, te contesto en conjunto, ya que parece que quieres una combinación de todo.

    Este post explica cómo mostrar una pantalla de presentación, con un fondo opaco del color que quieras, que solapa por completo el blog. Dentro de la pantalla de presentación, puedes poner TODO lo que quieras de la manera que quieras.

    Como añadido, se explica cómo instalar una cookie para que sólo se vea la pantalla una vez cada cierto tiempo.

    Para abrir la pantalla a voluntad, aún habiendo activado la cookie (ya se ha visto la pantalla una vez), tendrías que crear un enlace del tipo
    < a href="javascript:plegardesplegar('idbloque');">ENLACE</a>
    Esto lo puedes hacer con el sistema de pestaña que se explicó en otro post o no. Primero prueba con el enlace simple de texto y después de que funcione, ya pruebas a construir la pestaña.

    Sobre la transparencia, igual. Prueba primero con esto y luego ya te preocupas de hacer el fondo traslúcido.

    Y sí, se puede poner todo en un gadget, puesto que toda la pantalla solapa el blog completo, pero insisto en que la parte de cookies es mejor que vaya en la plantilla.

    ResponderEliminar
  81. Gracias Oloman.

    Disculpame si pregunto perogrulladas.
    Trato de reunir toda la información antes de preguntar, paso horas leyendo tu blog y llegado el momento no me animo a probarlo (para luego preguntar porqué no funcionó, como veo que es costumbre de casi todos). Ya voy a cambiar el modo.
    Esta es la respuesta que necesitaba, ahora lo empiezo a armar y en un par de días te cuento.
    Lo del formulario de comentarios salió perfecto, hasta le agregué una línea de código sin dudarlo; y voy a por más.

    Por favor, no me pierdas la paciencia; no todavía.

    Saludos.

    José.

    ResponderEliminar
  82. Oloman. Han pasaron seis horas y no pude hacer funcionar la pantalla de presentación (finalmente me incliné por: Mostrar un DIV...) y ya no encuentro nada, ni la etiqueta body (que no está en mi plantilla). ¿Me decís si puedo incluirla yo y donde la escribo?; va luego del cierre de head, ¿no?.
    Me di cuenta de esto por que quise pasar los div a body y no supe donde ponerlos. Quedaron en un gadget (Pantalla de presentación) en mi página de pruebas: http://elpdlv.blogspot.com
    Si podés, por favor, fijate donde está el elefante que me obstruye el paso (yo no lo veo). Tampoco supe como hacer el enlace de texto, pero eso puedo buscarlo.
    Bueno, eso es todo por hoy.
    Muchas gracias por tu ayuda.

    Saludos.

    ResponderEliminar
  83. Disculpado quedas ;)

    A ver. Si lo pones como gadget, funciona igual. Bueno, debería funcionar... pero el problema es que no es visible para mí.

    Como seguramente has visto esta página y es posible que estés usando el código exacto que publiqué aquí, tendrás grabada una cookie para que no se vea el contenido. Es decir, tienes activada "primeravez" y al hacer las comprobaciones en tu blog, pues no ves nada.

    Intentaré concretar más. Haz exactamente lo que se dice aquí: Inserta el código que se dice antes del /head, luego el de después de body. Tu body, como es una plantilla de las nuevas, tiene más rollo, pero te aseguro que tienes uno que empieza &lt,body...
    A continuación, antes de grabar, inserta también el código de leer/recuperar cookies.
    Por último, realiza estas modificaciones sobre lo que copiaste. En el primer DIV, dónde pone VISIBLE, cambia esa palabra por INVISIBLE (no utilices tú mayúsculas... en nada). Por último, cambia las dos ocurrencias que dicen PRIMERAVEZ por ELPDLV. Esto último es para que uses tu propia cookie. Una vez que veas que funciona y que lo pases a tu blog (el de veras), puedes volver a cambiarla por el nombre que quieras... ¡o limpiar cookies antes de hacer pruebas!

    Creo que con esto tendrás el 80% de lo que quieres.

    No olvides limpiar cookies por si las pruebas te dejaron alguna que entorpezca el tema.

    ResponderEliminar
  84. Estimado Oloman:

    ¡Lo conseguí, sí! Y no un 80%, un 100%... Tal y como lo había imaginado.
    Finalmente lo escribí todo en la plantilla.
    Cuando puedas pasate y probalo (y dame tu opinión, si te parece bien hacerlo) yo estoy más que conforme.
    Antes de pasarlo a mi blog oficial tengo que revisar eso del tiempo (lo usé en 15 seg. y así lo dejé por ahora), creo que no está funcionando. Borré las cookies al pricipio, antes de empezar de nuevo, tal como me recomendaste; pero luego ya no.

    Te dejo un gran abrazo.

    José.

    ResponderEliminar
  85. Me alegro José. Lo de los 15 segundos funciona. Si entras de nuevo antes de ese tiempo, no sale la pantalla de presentación y si lo haces después, vuelve a salir.

    Sólo cambiaría el enlace en la imagen principal, pues es fácil pincharla y eso te lleva ahora mismo a la imagen, no al blog. Podrías eliminar el enlace o cambiarlo por la dirección del blog.

    Fijo que esto ya no se te olvida ;)

    ResponderEliminar
  86. No, no se me ovidará. Gracias nuevamente por toda tu paciencia.
    Ya instalé la pantalla en mi blog oficial y dejé todo funcionando perfectamente.
    Tenías razón, el "temporizador" de las cookies funcionaba; lo dejé puesto en una hora, por ahora.
    Para volver mostrar la pantalla agregué una foto reducida de ella en la side bar, pero quiero hacer un logo tipo mancha (o salpicadura) de tinta que remita a la imagen.
    ¿Conoces algún generador o me meto con el gimp?

    Gracias por los consejos.

    José.

    ResponderEliminar
  87. Yo no soy demasiado bueno dibujando, así que suelo coger alguna imagen (o varias) de base y luego la modifico según me interesa. Gimp está bien. ;)

    ResponderEliminar
  88. Tengo el mismo problema planteado por Magazine en el comentario 80 (que veo que ya solucionó aunque no dijo cómo); tu sugerencia del comentario 81 (ocultar navbar) tampoco ha funcionado. Te envio invitación por mail ya que por ahora el blog es privado (en construcción) aunque si la visualización de esta presentación sigue tan horrible desde Explorer o Chrome (en FF perfecto) me plantearé descartarla. Un saludo y gracias.

    ResponderEliminar
  89. Prueba a añadir #navbar a esta parte:

    <!--amagarNavbar-->
    <style type='text/css'>
    #navbar-iframe, #navbar {
    height:0px;
    visibility:hidden;
    display:none;
    }
    </style>

    Y como segunda opción, reubica todo el código de la presentación justo después de <body> Si es que ya estaba allí y no funciona nada de lo anterior, me lo dices porque tiene que ser de la Navbar.

    ResponderEliminar
  90. Tocado y hundido con la primera opción. Muchas gracias. La parte irónica es que ahora se la están pensando si ponen portada o no (y solo que quedaba descubrir como aumentar la imagen) pero así vamos aprendiendo cosas, aunque sea torpemente. Realmente me había encasquillado con esto, así que de veras: gracias.

    ResponderEliminar
  91. Hola estoy creando el blog de mi grupo de musica con vistas a ser la web oficial...Llevo una semana y la verdad es que a veces dan ganas de tirar la toalla.

    He intentado poner en uso este tutorial..pues bien, me es imposible porque me dice: "Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    Se ha encontrado más de un artilugio con el ID: HTML6. Los ID de artilugio deben ser exclusivos."

    Creo que se debe a que en más de una ocasión he intentado poner una pg. de presentación y ahora he guardado que no debia, pero no sé que.
    Este es el blog http://sweetpain78.blogspot.com/
    Cualquier sugerencia para mejorar estaré encantado.

    Un saludo y mil gracias por hacer de esta web, un centro de recursos ante dudas del blog.

    ResponderEliminar
  92. Posdata: el error lo cita nada más intentar pegar el primer código antes de /head

    Saludos!

    ResponderEliminar
  93. "Este blog sólo admite a lectores invitados."

    De todas formas, el error del artilugio HTML6 no tiene nada que ver con lo que aquí se comenta. Ese error te indica que tienes dos gadgets con el mismo nombre "HTML6". Deberías comprobar eso con las plantillas de artilugios expandidas antes de insertar nada más.

    ResponderEliminar
  94. Oloman:

    Vuelvo sobre la pantalla de presentación. Ella no se ajusta, de igual forma, a los tamaños que corresponden a cada navegador. Queda bien centrada en Chrome, pero en Firefox y en IE, no. Además, en IE no se ve la foto (podés verlo en cualquiera de mis blogs).
    Así están indicados en las plantillas por si lo precisás:
    DIV visible o no visible
    Pantalla de presentación

    ¿Podrías indicarme cómo empezar a solucionar esto? Ya me fijé en la pantalla de esta entrada y sí se ajusta, pero como yo mezclé varias, no sé por donde empezar a corregir.
    Muchas gracias.

    Saludos.

    José.

    ResponderEliminar
  95. Sobre el centrado, servidor ve el DIV centrado en todos los que has citado.

    Sin embargo, si que aprecio que en IE no aparece la imagen. Hay una cosa que no sé seguro, pero es posible que a IE no le guste el AUTO en el width y el height de la imagen. Como no cuesta trabajo, prueba a sustituirlo por PX o directamente si la imagen quieres que se muestre a tamaño original, no pongas esas dos propiedades.

    Por otra parte, aunque no pasa nada, elimina un enlace vacío que se te ha quedado por ahí:

    <a href='javascript:plegardesplegar("idatenuar");javascript:plegardesplegar("idbloque");'></a>

    ResponderEliminar
  96. Gracias una vez más.

    Ya corregí el problema, era el asunto de los "auto". También achiqué uno de los div que quedaba muy grande y no permitía que se vea un título-enlace para entrar. El enlace vacío fue borrado.
    Con el tiempo voy a ir mejorando los códigos esta pantalla, hoy me dí cuenta que tengo instrucciones que pueden ahorrarse; y la falta de conocimientos hace que no pueda recrear en mi "cabeza" el div al leer el código.

    Saludos.

    José.

    ResponderEliminar
  97. Esto es como Matrix. Dentro de poco podrás visualizar el código :D

    ResponderEliminar
  98. Hola Oloman, como estas. Me gusto mucho esto de crear una pagina de inicio o de entrada al blog, de hecho ya lo use (http://colkinevregion.blogspot.com), pero no se como puedo poner en esta misma pagina una imagen flash. Podrias explicarme como y donde?
    Muchisimas gracias

    ResponderEliminar
  99. esta bien que el codigo final haya quedado asi? es que he esperado y despues de los minutos que puse, no aparece la pantalla de inicio que cree

    este es el codigo:

    https://mail.google.com/mail/?ui=2&ik=0c4ae0ef07&view=att&th=12cbfa632c04401f&attid=0.1&disp=inline&realattid=f_gheg47md0&zw

    ResponderEliminar
  100. Disculpame que te siga molestando, incluso antes que me respondas, pero me di cuenta que no me resulta en el momento que cambio lo de VISIBLE a INVISIBLE. ¿que habre hecho mal?

    ResponderEliminar
  101. Oloman, para que cuando me respondas, podrias agregar esta parte a la rspuesta?:

    La pantalla de inicio no aparece al visitar el blog, pero si esta presente al querer modificar los gadget en la pagina de Diseño (Elementos de Pagina) y de ahi no la puedo sacar, y si es asi, no podre seguir modificando o agregando gadget a la plantilla, y ese blog debe estar en constante modificacion. Que puedo hacer?

    Gracias Oloman, espero tu respuesta

    ResponderEliminar
  102. Hola Alexis.
    El flash lo tendrías que meter usando este código, en la parte dónde dice "Aquí podemos poner una imagen, un texto..."

    Sobre el enlace que me pones en segundo lugar, el link no es válido.

    La tercera y cuarta cuestiones, se solucionan poniendo el código para cookies que se explica en el enlace al respecto y cambiando después lo que se indica aquí.

    Perdona que sea tan breve, pero el asunto es denso y dónde mejor está explicado es en esta misma entrada y en la de las cookies, por eso te remito allí.

    ResponderEliminar
  103. Hola oloman, primero te tengo que felicitar por tu magnifico blog que ha ayudado a muchas personas...bueno mi pagina de presentación funciona perfectamente, pero sigo sin entender que tengo que hacer con los cookies para que desaparezca la imagen en diseño de la pagina...espero que me ayudes con eso... colocaste que es un poco denso ese tema., así que por lo menos me podrías dar unas sencillas instrucciones para guiarme ... Muchas gracias y feliz navidad!.

    ResponderEliminar
  104. Hola Alka. En esta entrada está explicado todo incluso lo de gestionar las cookies (último trozo de código). Sólo te faltaría acceder al link que se ofrece sobre cómo instalar un script que graba y lee cookies, y añadirlo a tu plantilla para que te funcione todo.

    ResponderEliminar
  105. ahhhh!!!! ayuda please!!! NO puedo!!!T_T!!!No me sale!!!!!
    SOy bruta... ;_;
    Absolutamente todas las letras k estan en verde tienen que cambiarse??
    De veras k no entiendoooo!!! Y no es por k expliques mal ni nada, es solo k soy una brutaaa!!!
    porfa... ayudame...T_T!!!

    ResponderEliminar
  106. Yuri-lu, prueba los dos primeros cuadros de código. No tienes que cambiar nada (ni lo que está en verde). Con eso es suficiente para comprobar si funciona la cosa o no. A partir de ahí, modifica lo que quieras (ahora sí, sólo lo que está en verde)

    ResponderEliminar
  107. Uh, Gracias Oloman >_<; lo intentare...

    ResponderEliminar
  108. Ps la verdad no me sale >_<;!!!!
    A lo mejor lo estoy pegando en el lugar incorrecto o no se pero...
    Se supone que el 1ro va antes de < head > y el segundo luego de < body > cierto??

    ResponderEliminar
  109. Yuri-Lu, se te olvidó la contrabarra. El primero no va antes de <head>, sino antes de </head>... y eso es muy importante.

    ResponderEliminar
  110. Ps asi lo hice y aun asi no me sale :S
    Disculpame por ser tan boba Oloman, y gracias por intentar ayudarme :) Enserio grax!!! Eres el mejor!!!!!(^3^)

    Bueno, si no es mucha molestia... jeje
    queria preguntarte como le puedo hacer para crearme una "busqueda" solo del blog como el que tienes tu en la parte superior? ('_';)
    Veras, tengo un blog en donde publico pelis y series, pero son tantas pelis, que quisiera que mis visitantes pudieran buscar en una barra el nombre de la peli y ya!
    Sabes como puedo hacerlo???

    ResponderEliminar
  111. Yuri-lu, estoy seguro de que si sigues las instrucciones que se dan aquí y copias el código tal cual, la cosa funciona. Está más que probado. Luego, ya podrás modificar lo que quieras.

    Sobre el buscador, sólo tienes que pinchar aquí ;)

    ResponderEliminar
  112. hola
    lo primero un gracias bien grande por todos estos trucos e ideas para mejorar nuestros blogs.

    y ahora mi problema, que en principio creo que se debe a que no tengo ni idea de "html", y al ir copiando y pegando pedazos de código sin saber... en fin, al tema:
    estoy preparando un blog para un amigo artista y quería hacer esto en plan "fino"; partiendo del mismo código de tu página de ejemplo como base para crear la mía, al poner el fondo en negro me queda un margen blanco de 10 pixels arriba y a la izquierda que no sé como quitar... si le puedes echar un vistazo, aquí hay un pantallazo y aquí está el código que he ido tocando, aunque he visto que cambiando el color en el tuyo ya ocurría lo mismo.

    una vez terminado tiene que quedar bien chulo, pero si me atasco ya con esto, no quiero pensar cuando tenga que incrustarlo y hacerlo funcionar con las cookies y todo...

    ResponderEliminar
  113. Oloman, me paso que pude lograr esta pagina de presentacion, pero tambien me paso que las animaciones en flash que tenia en la pagina principal del blog traspasaban la imagen de presentacion ¿por que podria pasar esto? ¿habra que hacer algo mas?

    ResponderEliminar
  114. Ricardo, ¿puedes ver si te sirve lo del comentario #92?

    Alexis si el flash está con un embed, prueba a añadir dentro de esa etiqueta esto:
    <param name="wmode" value="transparent" />. Los flash quedan por encima de todo siempre, pero con ese parámetro se consigue posponerlo.

    ResponderEliminar
  115. gracias oloman, pero no es eso. los márgenes aparecen incluso en el previo del editor de html. de hecho, ni he llegado a incrustar el código en el blog...

    ResponderEliminar
  116. qué torpe soy a veces!
    al insertar el código en el blog no hay ningún problema, es antes cuando falta lo que sea, pero poniéndolo en su sitio se ve perfectamente... tanto me quería asegurar de que iba bien, que casi la lío. lo puedes ver funcionando aquí.

    en fin, a pegarme con el resto de cosas... ahora mismo no consigo que se esconda el "div" y me lleve a los enlaces, pero estoy en ello.
    ¡y gracias por el interés!

    ResponderEliminar
  117. Acabo de ver que todo funciona bien Ricardo :) Enhorabuena

    ResponderEliminar
  118. hola oloman creo que como todos primero agradecerte el esfuerzo y la dedicación para con todos realmente admirable lo tuyo! dicho esto paso a mi problema ya tengo la pagina de presentación todo perfecto el problema radica al ponerle lo de las cookies 24 hrs me parece mucho me gustaría que fuese 2 horas como máximo lo que si no estoy equivocado es 7 200 000 hasta ahí todo bien! cambio lo de visible por invisible espero ese laxo de tiempo pero no veo la pagina lo hice con un valor menor osea 60 000 que seria un minuto! pero nada! y ya me esta volviendo loca por favor si tienes la buena predisposición de decirme que hago mal?

    ResponderEliminar
  119. chicashot1, creo que te falta el script para gestionar cookies. Es el tercer enlace del punto marcado con un 2 en esta entrada.

    ResponderEliminar
  120. Oloman: donde coloco esta condicional
    CODIGO QUE FORMA LOS DIV's
    esque soy algo burro!

    ResponderEliminar
  121. Admini, esa expresión ("código que forma los div's") era para no volver a repetir el segundo trozo de código que aquí se muestra. Por tanto, como por ahí se explica, va después de <body>
    Saludos.

    ResponderEliminar
  122. Buenas y santas gente!! Bueno tengo un entrevero de codigos y palabras que no puedo mas y tengo varias preguntas...
    Primera: ¿Puedo cambiar la imagen de la pantalla de bienvenida facilmente si la tengo gurdada en mi PC?
    Segunda: ¿Como creo el boton que me lleva a la pagina principal de mi blog? (en tu demostracion era una caja de carton y un casita)

    Tercera: http://conpajarosenlacabeza.blogspot.com/ este es mi blog y tengo muchisimas gnas de que cada vez que alguien entre aparezca una pantalla de bienvenida con alguna imagen o algo y que cada tanto yo pueda cambiar esta imagen o pantalla, ¿alguien me ayudaria a hacerlo? no tengo money jajaja

    Tu blog es excelente man
    IZZA

    ResponderEliminar
  123. Hola IZZA ©. Te contesto punto por punto.

    Primera: La imagen de tu PC tienes que subirla a algún alojamiento (Picasa, por ejemplo) y luego obtener su dirección. En el segundo trozo de código, eso seria el BACKGROUND, por lo que tendrías que cambiar http://3.bp.blogspot.com/_0eC4K-qZ7AM/S3WCMAxXd8I/AAAAAAAALHU/K9YI68rhMDQ/s00/fondo.jpg por la dirección correspondiente a la tuya.

    Segunda: Dónde está el texto "Aquí ponemos poner una imagen, enlaces, texto, un menú, un vídeo, una lista, un flash..." es dónde ya colocas lo que quieras, incluidos enlaces como el de la caja. Si el problema es que no sabes cómo hacer un enlace, entonces tendrás que ver esta otra entrada.

    Tercera: En esta entrada tienes la manera de crear precisamente lo que quieres y para cambiar su aspecto, sólo tendrías que cambiar precisamente las dos cosas anteriores.

    ResponderEliminar
  124. hola de nuevo, MASTER.
    el tema del post ya lo tengo dominado (megustanlascamisetas.com), pero ahora tropiezo con el problema del flash en el fondo (un vídeo de YouTube) que aparece por encima de todo, como Alexis. he probado lo del comentario #117, pero nada.
    no había visto el problema hasta ahora porque suelo trabajar con Safari en Mac, pero preparando un blog para el cole de mi mujer veo que ocurre en PC con IE7 y Firefox 3.5.2, y con Chrome en Mac también.

    Si se te ocurre algo...

    ResponderEliminar
  125. bueno, yo me lo guiso y yo me lo como... ayer estaba un poco bloqueado, esto no es la primera vez que me pasa y me empieza a dar hasta vergüenza, venir aquí preguntando cosas que luego acabo solucionando antes de que te dé tiempo a mirarlo. gracias igualmente, ¿ves? sólo con estar ahí ya me ayudas... ;-)

    por si le sirve a alguien, mi solución al problema de los flash (al menos en CHROME sobre mac, aún tengo que asegurarme en el PC) ha sido una variante de lo que proponías en el comentario #117: añadir el parámetro wmode="transparent" dentro de la etiqueta EMBED. y esto lo he visto aquí, que a mí no me da para sacarlo solo XD

    un saludo

    ResponderEliminar
  126. Ok Ricardo, entonces se supone que o se arregla con param name="wmode" value="transparent" o mejor, según comentas, con wmode="transparent". Gracias ;)

    ResponderEliminar
  127. Un coordial saludo para ti Oloman;

    ResponderEliminar
  128. bueno primero que todo felicitarte por ese arduo trabajo que realizas dia a dia, para compartir con el mundo , tus conocimientos realmente es admirable lo que haces, y que decir de tu blog es magnifico.

    ResponderEliminar
  129. ahora mi pregunta:

    implemente tu presentacion para mi blog y, funciona perfecto en firefox pero cuando miro mi blog en google chrome los flash que tengo, aparecen por encima de esta presentacion.

    mira yo los implemento asi:

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

    ResponderEliminar
  131. mira aqui te dejo mi pregunta http://db.tt/7FWVj9dD es que no me deja escribir en comentario ojala y puedas ayudarme gracias oloman

    ResponderEliminar
  132. Oloman, y como le hago para que la pantalla se quite en 10 segundos??? te agradeceria tu ayuda :D

    ResponderEliminar
    Respuestas
    1. Ya lo tengo. Detrás del código que monta la capa superpuesta (justo detrás), añade esto:

      <script type='text/javascript'>
      window.load=setTimeout(&quot;plegardesplegar(&#39;id_bloque&#39;)&quot;, 8000);
      </script>

      El 8000 es el tiempo en milisegundos, o sea, 8 segundos. Lo puedes ajustar al que quieras.

      Eliminar
  133. Mayck, yo sólo conozco lo que se comenta en #129, pero es para OBJECT y ya he leído que esa opción no te sirve. Para IFRAME he leído (no lo he probado) que tienes que tener posicionado el iframe con ABSOLUTE o RELATIVE y darle un z-index menor que el de la capa superpuesta. En este enlace es dónde lo vi: Poner DIV sobre IFRAME

    ResponderEliminar
  134. Oloman a mi no me funciono mi caso es el 2do hago todo como explicas, y no se visualiza, pero si cambio esta parte del codigo <div class='invisible' id... a <div class='visible' id... si se visualiza solo que no hace lo de leer las cookies, me pudes decir en que falle???

    ResponderEliminar
  135. WEB, te has quedado casi par el final. Estoy viendo tu tema y he podido hacer unas pruebas que creo que terminarán funcionando, pero además de dejarlo todo bien comprobado, luego tendré que redactar un post para explicarlo todo. Tardaré un poco en hacerlo.

    ¿Seguro Pixeltuxpan? Acabo de probar en Hellowmag y me salió la misma pantalla que programé yo. Luego entre una segunda y una tercera vez y no me volvió a salir. Eso quiere decir que las cookies funcionaron. Lo que no sé es cuánto tiempo programaste para que vuelva a salir la presentación.

    ResponderEliminar
  136. OLOMAN, ya logre Obtener el efecto deceado, Mil8Mil gracias.

    P.D. yo tambien estoy interesado en que la pantalla se quite en determinado tiempo, asi como lo plantea WEB.

    ResponderEliminar
  137. Está en mi lista de tareas PENDIENTES Pixeltuxpan :)

    ResponderEliminar
  138. Pss no queda mas que esperar OLOMAN :D
    Saludos!

    ResponderEliminar
  139. Pixeltuxpan gracias por entenderlo. Siempre ando demasiado liado como para poder atender todo con un mínimo de diligencia ;)

    ResponderEliminar
  140. Oloman eh tratado de modificar la condicional que utilisas para solo mostrar el intro en la pagina principal EJ. www.pixeltuxpan.com y en mi intro poner un enlace que lleve a esta direccion www.pixeltuxpan.com/index.html y que ahi no lo muestre y no me ah dado resultado puesto que se muestra en la pagina principal y en el idex, Mira lo que quiero es que siempre se muestre el intro en la pagina principal y al redirecionar al index www.pixeltuxpan.com/index.html no lo muestre esto con el fin de que mi pagina principal quede igual y no tener que cerrar el divs y eso.

    Espero y me entiendas Saludos!

    ResponderEliminar
  141. Pixeltuxpan, tal como lo tienes ahora mismo parece que funciona bien y sólo te faltaría poner un condicional para que esa pantalla sólo se viera en Home (www.pixeltuxpan.com). Luego tendrías que completar ese mapa que tienes creado en la imagen porque ahora mismo sólo hay un enlace a #, que es el principio de la página. En lugar de # pon la otra página (www.pixeltuxpan.com/index.html).

    Ver Condiciones en Blogger

    ResponderEliminar
  142. Anónimo5/1/12, 7:46

    Oloman encontré otra solución, por el momento no lleva a ningún lugar por que estamos remodelando el sitio, la solución fue redireccionar a este enlace http://www.pixeltuxpan.com/?m=0 creo que es como la dirección para móviles solo que en vez del 1 al final le puse un 0 y funciono. La opcion de condional que me propones la aplique anteriormente pero no me funciono, intente con estas 2:

    1.- (es la que utilizo actualmente, solo que tambien aparece la pantalla en la direccion idex.html)

    2.-

    . con que otra condicional me podría funcionar? la cuestión es que se ve mejor la dirección index.html que la que uso actualmente, si tienes una solución compártela por favor :D, Saludos!

    Muchas Gracias :)

    ResponderEliminar
    Respuestas
    1. ¿Me la podrías pegar de nuevo con esto para que se viera?

      Convertir HTML en texto plano

      Eliminar
    2. La opcion de condional que me propones la aplique anteriormente pero no me funciono, intente con estas 2:

      1.- (es la que utilizo actualmente, solo que tambien aparece la pantalla en la direccion idex.html)
      <b:if cond='data:blog.url == &quot;http://www.pixeltuxpan.com/&quot;'>


      2.- (esta no me funciono, me aparece la en todas las direcciones; Home, /index.html, /?m=0)
      <b:if cond='data:blog.url == data:blog.homepageUrl'>


      Cual condicional me propenes? Saludos!

      Eliminar
    3. Tengo una duda ¿cómo has logrado que www.pixeltuxpan.com y www.pixeltuxpan.com/index.html sean páginas distintas? Es que me da la impresión que ahí está todo el problema, porque la primera condición que me pones es la correcta.

      Sobre la pantalla que desaparece pasado un tiempo, lo estoy ultimando. En unos días lo podré publicar posiblemente.

      Eliminar
    4. Lo he logrado utilizando la primera condicional solo me funciona con gadgets. ¿cres que con alguna otra condicional se pueda aplicar a este truco?.

      Espero paciente tu entrada, Saludos!

      Eliminar
    5. No me refería a eso, sino a cómo habías logrado crear esas dos páginas con direcciones distintas. Es que sospecho que en el fondo es la misma y si es así, nunca vas a lograr nada por el camino que llevas.

      Eliminar
  143. Hola! una consulta..estoy creando un nuevo blog y voy a redireccionarlo para no perder mis visitas ,quisiera saber si este post esataria indicado para que la gente pueda ingresar al nuevo blog y a la vez que se pueda seguir visitando el anterior,no se si me explico,desde ya muchas gracias!
    saludos

    ResponderEliminar
    Respuestas
    1. Si lo vas a redireccionar, la pantalla es inútil porque se supone que con ello, al teclear la antigua URL, el usuario irá automáticamente a la nueva. Sólo te valdría si NO vas a hacer ninguna redirección, pero también te puede servir un simple aviso antes de las entradas. Eso ya al gusto.

      Eliminar
    2. Tus sospechas son Ciertas.
      Tanto el HOME como /inde.html y /?=0 son la misma pagina solo que con la Url Distinta, usando las condicionales anteriores eh logrado ocultar gadgets como lo jugando con las Url anteriores y me ah funionado, cres que se pueda hacer lo que busco? Oh es algo vano.

      Saludos!

      Eliminar
    3. Si lo que quieres es que una página muestre una cosa y la otra una cosa distinta, va a ser que no. Es imposible distinguir cual es cual porque son la misma. Pensaba que quizás eran realmente independientes.

      Volvamos al principio (por cierto que este comentario no lo hiciste continuando los anteriores) y dime QUÉ quieres hacer a ver si se nos ocurre CÓMO Para aclararnos, abre un nuevo comentario ;)

      Eliminar
  144. Muchas Gracias por responder!
    Saludos!

    ResponderEliminar
  145. oloman tengo un problema y es que el principio sale bien pero luego al meterme en otro lado sigue saliendoc omo puedo hacer para que solo salga en el inicio?. Un saludo

    aqui te dejo el blog: http://ata-system.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. ¿Lo hiciste ya? He estado navegando un rato y el aviso sólo me salta cuando se accede a la página principal...

      Eliminar
  146. si lo e arreglado jeje gracias por la atención.
    Por cierto como ago para que el logo que sale abajo al darle clic se valla a la de inicio? es pa no tener que tener el link asi que qeuda soso xD un saludo.

    ResponderEliminar
    Respuestas
    1. Lo más fácil sería quitarlo de la imagen de fondo y ponerlo como imagen con enlace a continuación del texto. Con algunos <br/> ya te lo llevas para abajo.

      Eliminar
  147. mm vale pero como lo hago? xDD esque me da miedo tocar el codigo y cagarla xD de todas formas estoy pensando en migrarme a Wordspress ya que se puede tocar todo el codigo del nucleo y mi preguntas es si vale el codigo de blogger para wordspress :S

    ResponderEliminar
    Respuestas
    1. Pues entonces me ahorro explicártelo :p
      Sobre los códigos, algunos valdrán y otros no. No conozco casi Wordpress pero sé que funciona mucho con plugins, pequeños programas preinstalados que activas o incorporas. No sé en este caso cómo lo podrías hacer.

      Eliminar
  148. vale y una ultima cosita que te la pregunto desde aqui xD me gustaria saber si en una plantilla descargada de internet valen las cosas que hay en este blog esque asi me meto una que son mejores que las que incorpora blogger.

    Un saludo

    ResponderEliminar
    Respuestas
    1. ¿Mi plantilla es alguna de las de Blogger? Ya te respondo: no. Pues casi todo lo que explico o lo tengo instalado en ella o al menos lo he probado.

      En cualquier plantilla puedes hacer lo que quieras. El único problema podría ser que cuando doy referencias del tipo "busca el outer-wrapper" para saber dónde insertar el código, esas referencias son distintas en plantillas modificadas porque cada cual le pone el nombre que le da la gana a las distintas capas. Pero los trucos funcionan igual en una que en otras.

      Eliminar
  149. ok muchas gracias pero por ejemplo el slideshow que hay en tu blog no me funciona :S no se si e metido algo mal o nose pero me gustaria implementarlo Un saludo =)

    ResponderEliminar
    Respuestas
    1. Si lo ves funcionando en un sitio debería funcionar en cualquiera, pero no sé a qué slide te refieres...

      Eliminar
  150. buenoe so esta arreglado jeje pero necesito una ayudita a ver si tu puedes o sabes como acerlo y es que cuando quiero poner las letras arriba en la cabecera pues queda mal mira el blog: http://losviajesdegoliver.blogspot.com.es/

    Entonces no se si se puede colocar en el hueco en blanco.

    Un saludo

    ResponderEliminar
    Respuestas
    1. ¿El título del blog? No sé cómo lo quieres, parece en su sitio.

      Eliminar
  151. lo quiero alineado a la ixquierda en el hueco blanco que hay y no se como ponerlo me da a mi que no se va a poder por ser plantilla descargada ;(

    ResponderEliminar
    Respuestas
    1. Tal y como lo veo hoy me parece que sí se ha podido ;)

      Eliminar
  152. mm esque e borrado la imagen que e subido porque salia mal pero bueno.... por cierto otra cosa como puedo poner un dock que funcione para esas plantillas? Un saludo.

    ResponderEliminar
    Respuestas
    1. Supongo que te refieres a un menú tipo dock. Pues nunca he publicado sobre ninguno pero sí que he visto alguno en blogs Blogger por lo que será cuestión de buscar.

      Eliminar
  153. ya yo e visto uno y de hecho funciona pero solo en las plantillas predeterminadas de blogger xDD en las otras no pero bueno gracias de todas formas Un saludo.

    ResponderEliminar
  154. Un cosa oloman el traductor ese que pone probando como as conseguido quitar la publicidad de blogger? jeje esque no encuentro ninguno que no esté sin eso Un saludo

    ResponderEliminar
    Respuestas
    1. No sé. Yo tomé este que explico aquí. La entrada es sobre las vistas dinámicas, pero comento sobre el traductor que se puede instalar para las plantillas "normales".

      Eliminar
  155. ya si se que este traductor se puede en cualquiera pero quiero quitar la publicidad de con la tecnologia de google o algo asi como se puede quitar? Un saludo.

    ResponderEliminar
    Respuestas
    1. He visto dos blogs tuyos y en ninguno tienes eso. Se puede anular buscando la clase del rótulo y añadiéndole un display:none; pero no recuerdo el nombre del selector. Lo tendría que ver instalado para decirte.

      Eliminar
  156. en este si lo tengo
    laratitadeluli.blogspot.com y si sale la publicidad. Un saludo

    ResponderEliminar
    Respuestas
    1. He estado mirando y no es fácil eliminarlo, así que mejor instala este otro código que directamente no lleva esa parte: http://translate.google.com/translate_tools?hl=es

      Eliminar
  157. oloman no se como meter esta parte del codigo para que no aparezca en todas las paginas:


    CODIGO QUE FORMA LOS DIV's


    Un saludo.

    ResponderEliminar
    Respuestas
    1. Ese código que forma los DIV es el segundo de esta entrada y hay que meterlo dentro de una condición que es la que se reproduce en el tercero:

      <b:if etc...

      Eliminar
  158. por cierto oloman como narices consigo que en una plantilla descargada que no sea original porque no me funciona este dock:
    http://blogeadores.blogspot.com.es/2011/05/menu-estilo-dock-para-tu-blog-menu-con.html

    y si no se puede hacer funcionar hay algun otro que valla para plantillas descargadas?

    Un saludo

    ResponderEliminar
    Respuestas
    1. Ese menú debería funcionar en cualquier tipo de plantilla, aunque en esa misma entrada se advierte que no funcionará con dominios propios. De todas formas, ese texto está copiado (o casi) de este otro de Ciudad Blogger. Si tienes problemas con él lo mejor es que preguntes a Potro que seguro que lo conoce mejor.

      Ahora que lo he vuelto a ver, también avisa de que para plantillas del nuevo diseñador hay que hacer unos cambios adicionales.

      Eliminar
  159. x cierto oloman dime el correo tuyo o algo apra contactar mejor asi no tengo que poner un comentario aqui siempre que tenga dudas jeje.

    Un saludo

    ResponderEliminar
    Respuestas
    1. Ni lo sueñes. Los comentarios son precisamente para las dudas y el correo para otros menesteres :)

      Eliminar
  160. pff pos no se que cambios jeje y lo del correo okey te preguntare aqui dudas =) pero el dock ese me interesaria... :S

    ResponderEliminar
    Respuestas
    1. No es que no te quiera atender, es que realmente nunca he probado ese tipo de menú y creo que dónde te mandé es dónde mejor te pueden ayudar.

      Eliminar
  161. Disculpa Oloman,
    Si tengo una web hecha a mano y no un blog
    ¿como instalo grabar y leer cookies?
    ¿pongo el codigo antes del /head de la web
    en donde instalo esta pantalla de presetacion
    o en un cookie.js?
    Gracias por la Pantalla de presentacion!! n_n

    ResponderEliminar
    Respuestas
    1. Si tienes una web y no un blog y -supongo- un hosting propio, lo mejor para hacer esto es una portada en el index y que desde ahí se enlace a los distintos apartados de la web. Sin complicaciones.

      Si de todas maneras quieres hacerlo como aquí, pues sí, los ficheros javascript van antes del /head y las capas que forman la pantalla de presentación dentro del body.

      Eliminar
    2. Muchas Gracias.. eso mismo hacia, pero ponia las capas de
      presentacion en el area del head junto con lo de las cookies y no me funciona sigue saliendo la pantalla.. probaré poniendo las capas en el body,
      muchas muchas gracias por tu tiempo oloman! n_n

      Eliminar
  162. Help, Oloman! Estamos utilizando una plantilla nueva en este blog: http://grupdelecturaenveualta.blogspot.com.es/2012/07/diari-de-lectura-el-quadern-gris-i-37.html
    Y el cuadro de comentarios queda por encima de "Publica un comentario". ¿Cómo lo podría arreglar? Gracias por tu tiempo!!

    ResponderEliminar
    Respuestas
    1. Tal como lo habéis puesto ahora no lo puedo ver, pues el formulario de comentarios no está con la opción "incrustados en la entrada".

      De todas formas no se ve bien el texto ese. Para arreglarlo añade al CSS esto:
      .comment-footer {margin-top:20px;}

      Eliminar
    2. Arreglado!
      He aprendido mucho con tu blog! eres genial!!
      Gracias!!

      Eliminar
  163. Y por ejemplo estos "comandos" se pueden implementar en un SCRIPT como Spirate? como quedaria y en que apartados, cada uno de lo citado en el POST ya que una parte menciona antes del BODY y otras antes del /Head y me perdi :S

    ResponderEliminar
    Respuestas
    1. Todos los sitios web tienen HEAD y BODY, así que este código te debería funcionar tal cual.

      Eliminar
  164. Hola Oloman, en el código donde dice "identificacion", que iría para este caso?

    ResponderEliminar
    Respuestas
    1. ya resolví, gracias.
      para probar los tiempos hay que borrar los datos de navegacion (cookies) de chrome o lo que se use, cada vez que uno modifica el código y se prueba la pagina.

      Eliminar
    2. De nada. Menos mal que te diste cuenta pronto, porque voy muy atrasado contestando a vuestras preguntas.

      Eliminar