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
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>
.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("id_bloque");'>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>
<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("id_bloque");'>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>
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("primeravez");
if (comprobar != null) {}
else {
var expiration = new Date();
expiration.setTime(expiration.getTime() + 86400000);
setCookie("primeravez","1",expiration);
plegardesplegar("id_bloque");
}
</script>
var comprobar = getCookie("primeravez");
if (comprobar != null) {}
else {
var expiration = new Date();
expiration.setTime(expiration.getTime() + 86400000);
setCookie("primeravez","1",expiration);
plegardesplegar("id_bloque");
}
</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.
Este es un ejemplo de cómo simular una portada para un blog, sin alterar la estructura principal de la plantilla y sin necesidad de cambiar la apariencia de nuestra página Inicio.
¿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.
Y muchos más artículos interesantes si nos sigues en...
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:
ResponderEliminarNot 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.
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.
ResponderEliminarAl menos una oreja ¿no?
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?
ResponderEliminarCuando lo tenga te aviso y ves el resultado :)
¡Ole, Maestro!
ResponderEliminar:D
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
ResponderEliminarNO more questions ;-)
Y como te dije, cuando tenga el result te lo muestro
Otra más para la carpeta. Ya llegará su aplicación un día de estos en mi blog, ¡Seguro!
ResponderEliminar¡Saludos desde la Luna!
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?
ResponderEliminarNo es que no haya entendido el sentido de la frase ni que le de mayor importancia, es simple curiosidad.
Errata mecanográfica. Efectivamente, intenté escribir autorreferente. No añadiré nada más relativo a tu curiosidad :D
ResponderEliminarGenial paisano, estas cosas invitan a probar y jugar con nuevas posibilidades, últimamente te veo muy creativo :)
ResponderEliminarVeo que esa curiosidad por buscar palabras extrañas no es sólo una afición mía :)
¿Dónde está tu botón para Facebook? me refiero a las entradas, con Twitter no hay problemas añade el otro anda..
ResponderEliminarNo 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.
ResponderEliminarY 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. ;)
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
ResponderEliminarCoincido 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.
ResponderEliminarSobre 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.
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...
ResponderEliminarPara 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...
Sí. Una capa de este tipo puede venir bien para muchas cosas José.
ResponderEliminarPor 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.
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.
ResponderEliminarCuando 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!
Quería decir: "lo menos que puedo hacer es invitaros..." Pequeño error de redacción... :$
ResponderEliminarPues 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 :(
ResponderEliminarEstaba 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¡¿Cómooooorrrr?!!!
ResponderEliminarNo te referirás al efecto de Firefox cuando pinchas y arrastras una imagen ¿no?
Pues no, me refiero que cuando se utiliza el cursor hay imágenes de tu plantilla que suben simultáneamente al cursor.
ResponderEliminarPonme 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?
ResponderEliminarMe 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¡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@
ResponderEliminarPues 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 :)
ResponderEliminarYa me dirás por qué ocurre eso quiero probar un día de estos.
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.
ResponderEliminarHe 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?
ResponderEliminarY ademas de eso, creo que mi contador no funciona creo que no me resulto tan facil como crei...
ResponderEliminarmmm.... me tarde casi toda la tarde pero ya encontre el error, gracias por tu ayuda esto me ha sido muy util...
ResponderEliminarNemesis1030.blogspot.com
Bueno... de nada, pero lo has solucionado tú solo. :)
ResponderEliminarHola, buenos dias
ResponderEliminarFelicitarte 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
Hola. Gracias por los piropos.
ResponderEliminarLa 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.
Muchas Gracias me sirvio demasiado para mi nuevo proyecto...
ResponderEliminarPero 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....
le puse un flash y no me carga...
ResponderEliminarme 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 ;)
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.
ResponderEliminarIl 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...
Muchas Gracias por responder....
ResponderEliminarMira 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....
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.
ResponderEliminarLo 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.
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?
ResponderEliminarSaludos
www.zonamr.com.ar
¿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.
ResponderEliminarOloblogger eso me ocurre en el link que seria para cerrar el div..el blog en donde lo probe es este:http://pruebaelam.blogspot.com/
ResponderEliminarUn saludo gracias
MR
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.
ResponderEliminaroloblogger 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.
ResponderEliminarUn saludo muchas gracias.
MR
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.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola oloblogger sos un genio muchas gracias...je ahora si funciona es bastante extraño que sea por eso pero bueno se soluciono.
ResponderEliminarTe 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
Es un margin:8px; que tienes en algún sitio pero que no localizo. Eso te forma esas bandas.
ResponderEliminarprobe buscando cn cntrl. + F y lo unico que me aparece con ese valor a escepción es:
ResponderEliminar#pagemenucontainer {
height: 30px;
padding-top: 30px;
margin-left:8px;
pero cambie ese valor y es lo mismo.
Un saludo muchas gracias.
MR
Ya te dije que yo tampoco lo logré encontrar. Lo siento.
ResponderEliminarSólo se me ocurre que hagas el div del mismo color que el fondo para enmascarar el fallo.
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
ResponderEliminarHola. Eso lo hace Adsense en función del anuncio que escojas y de sus propios algoritmos. Es automático
ResponderEliminarmuchas gracias
ResponderEliminarcomo siempre genial oloman,
ResponderEliminartengo 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.
Para que los vídeos se queden dónde deberían (debajo de otras cosas), tienes que añadirles este parámetro:
ResponderEliminar<param name="wmode" value="transparent" />
lo e intentado olomar agregar ese param al video pero sigue igual o lo e agregado mal?
ResponderEliminarRenzo, prueba a colocar ese código dentro del OBJECT, por ejemplo, justo después de <param name="bgcolor" value="#FFFFFF">
ResponderEliminarHola 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???
ResponderEliminarP.D. mi blog es: tododepsp.blogspot.com para que lo veas
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?
ResponderEliminarCreo que esta "s" fuera de sitio tiene la culpa...
ResponderEliminar</div>
's
<body onLoad='javascript:esconder("aviso");'>
AAAAA ya si era eso, gracias.
ResponderEliminarHola, por favor ayudame ami no me queda, si me sale pero solo me aparece a la mitad de la pantalla.
ResponderEliminarYa intente modificar el tamaño, pero, solo se desaparece el texto.
Sin mas gracias.
Prueba a cambiar el valor de este margin-top
ResponderEliminar<div style='width:600px;height:400px;position:absolute;top:50%;left:50%;margin-top:-220px;margin-left:-300px;...
oloman gracias, pero e intentado poner eso dentro del embed y me funciono yeeeeeeeeee :D
ResponderEliminarPues nada. Asunto solucionado :D
ResponderEliminarHola 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.
ResponderEliminarUn saludo y muchas gracias.
MR
PD: perdon me refiero a codigo para agregar flash...=D
ResponderEliminarHola MR. Para poner una animación flash...
ResponderEliminarGracias oloblogger..yo ya havia probado tu código pero no se por que me salta:
ResponderEliminarNo se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type "embed" must be followed by either attribute specifications, ">" or "/>".
Como se podria solucionar'
Un saludo que andes bien.
MR
¿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.
ResponderEliminarHola 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.
ResponderEliminarHola 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.
ResponderEliminarhttp://segundo--e.blogspot.com
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)
ResponderEliminarHola oloman!
ResponderEliminarhe 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
La pregunta, obviamente, es que puedo hacer para solucionarlo.
ResponderEliminaresta es la web: www.barral23.com
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"
ResponderEliminarHola 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?
ResponderEliminaraah perdon y otra cosa,tambien cuando voy a elementos de la pagina me aparece la presentacion en vez de los gadget...:/ Gracias!
ResponderEliminarPAFORMADO, 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.
ResponderEliminarAdemás de ese código, tienes que conseguir también el de gestión de cookies que se facilita en un enlace ahí mismo.
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
ResponderEliminarJOSE, 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.
ResponderEliminarHola 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
ResponderEliminarHola Magazine.
ResponderEliminarNo 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.
Oloman:
ResponderEliminarSí, 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é.
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.
ResponderEliminarEste 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.
Gracias Oloman.
ResponderEliminarDisculpame 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é.
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?.
ResponderEliminarMe 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.
Disculpado quedas ;)
ResponderEliminarA 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 <,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.
Estimado Oloman:
ResponderEliminar¡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é.
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.
ResponderEliminarSó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 ;)
No, no se me ovidará. Gracias nuevamente por toda tu paciencia.
ResponderEliminarYa 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é.
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. ;)
ResponderEliminarTengo 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.
ResponderEliminarPrueba a añadir #navbar a esta parte:
ResponderEliminar<!--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.
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.
ResponderEliminarHola 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.
ResponderEliminarHe 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.
Posdata: el error lo cita nada más intentar pegar el primer código antes de /head
ResponderEliminarSaludos!
"Este blog sólo admite a lectores invitados."
ResponderEliminarDe 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.
Oloman:
ResponderEliminarVuelvo 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é.
Sobre el centrado, servidor ve el DIV centrado en todos los que has citado.
ResponderEliminarSin 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>
Gracias una vez más.
ResponderEliminarYa 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é.
Esto es como Matrix. Dentro de poco podrás visualizar el código :D
ResponderEliminarHola 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?
ResponderEliminarMuchisimas gracias
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
ResponderEliminareste 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
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?
ResponderEliminarOloman, para que cuando me respondas, podrias agregar esta parte a la rspuesta?:
ResponderEliminarLa 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
Hola Alexis.
ResponderEliminarEl 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í.
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!.
ResponderEliminarHola 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.
ResponderEliminarahhhh!!!! ayuda please!!! NO puedo!!!T_T!!!No me sale!!!!!
ResponderEliminarSOy 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!!!
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)
ResponderEliminarUh, Gracias Oloman >_<; lo intentare...
ResponderEliminarPs la verdad no me sale >_<;!!!!
ResponderEliminarA 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??
Yuri-Lu, se te olvidó la contrabarra. El primero no va antes de <head>, sino antes de </head>... y eso es muy importante.
ResponderEliminarPs asi lo hice y aun asi no me sale :S
ResponderEliminarDisculpame 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???
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.
ResponderEliminarSobre el buscador, sólo tienes que pinchar aquí ;)
hola
ResponderEliminarlo 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...
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?
ResponderEliminarRicardo, ¿puedes ver si te sirve lo del comentario #92?
ResponderEliminarAlexis 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.
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...
ResponderEliminarqué torpe soy a veces!
ResponderEliminaral 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!
Acabo de ver que todo funciona bien Ricardo :) Enhorabuena
ResponderEliminarhola 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?
ResponderEliminarchicashot1, creo que te falta el script para gestionar cookies. Es el tercer enlace del punto marcado con un 2 en esta entrada.
ResponderEliminarOloman: donde coloco esta condicional
ResponderEliminarCODIGO QUE FORMA LOS DIV's
esque soy algo burro!
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>
ResponderEliminarSaludos.
Buenas y santas gente!! Bueno tengo un entrevero de codigos y palabras que no puedo mas y tengo varias preguntas...
ResponderEliminarPrimera: ¿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
Hola IZZA ©. Te contesto punto por punto.
ResponderEliminarPrimera: 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.
hola de nuevo, MASTER.
ResponderEliminarel 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...
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... ;-)
ResponderEliminarpor 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
Ok Ricardo, entonces se supone que o se arregla con param name="wmode" value="transparent" o mejor, según comentas, con wmode="transparent". Gracias ;)
ResponderEliminarUn coordial saludo para ti Oloman;
ResponderEliminarbueno 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.
ResponderEliminarahora mi pregunta:
ResponderEliminarimplemente 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:
Este comentario ha sido eliminado por el autor.
ResponderEliminarmira aqui te dejo mi pregunta http://db.tt/7FWVj9dD es que no me deja escribir en comentario ojala y puedas ayudarme gracias oloman
ResponderEliminarPREGUNTA
ResponderEliminarOloman, y como le hago para que la pantalla se quite en 10 segundos??? te agradeceria tu ayuda :D
ResponderEliminarYa lo tengo. Detrás del código que monta la capa superpuesta (justo detrás), añade esto:
Eliminar<script type='text/javascript'>
window.load=setTimeout("plegardesplegar('id_bloque')", 8000);
</script>
El 8000 es el tiempo en milisegundos, o sea, 8 segundos. Lo puedes ajustar al que quieras.
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
ResponderEliminarOloman 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???
ResponderEliminarWEB, 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.
ResponderEliminar¿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.
OLOMAN, ya logre Obtener el efecto deceado, Mil8Mil gracias.
ResponderEliminarP.D. yo tambien estoy interesado en que la pantalla se quite en determinado tiempo, asi como lo plantea WEB.
Está en mi lista de tareas PENDIENTES Pixeltuxpan :)
ResponderEliminarPss no queda mas que esperar OLOMAN :D
ResponderEliminarSaludos!
Pixeltuxpan gracias por entenderlo. Siempre ando demasiado liado como para poder atender todo con un mínimo de diligencia ;)
ResponderEliminarOloman 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.
ResponderEliminarEspero y me entiendas Saludos!
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).
ResponderEliminarVer Condiciones en Blogger
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:
ResponderEliminar1.- (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 :)
¿Me la podrías pegar de nuevo con esto para que se viera?
EliminarConvertir HTML en texto plano
La opcion de condional que me propones la aplique anteriormente pero no me funciono, intente con estas 2:
Eliminar1.- (es la que utilizo actualmente, solo que tambien aparece la pantalla en la direccion idex.html)
<b:if cond='data:blog.url == "http://www.pixeltuxpan.com/"'>
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!
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.
EliminarSobre la pantalla que desaparece pasado un tiempo, lo estoy ultimando. En unos días lo podré publicar posiblemente.
Lo he logrado utilizando la primera condicional solo me funciona con gadgets. ¿cres que con alguna otra condicional se pueda aplicar a este truco?.
EliminarEspero paciente tu entrada, Saludos!
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.
EliminarHola! 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!
ResponderEliminarsaludos
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.
EliminarTus sospechas son Ciertas.
EliminarTanto 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!
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.
EliminarVolvamos 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 ;)
Muchas Gracias por responder!
ResponderEliminarSaludos!
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
ResponderEliminaraqui te dejo el blog: http://ata-system.blogspot.com.es/
¿Lo hiciste ya? He estado navegando un rato y el aviso sólo me salta cuando se accede a la página principal...
Eliminarsi lo e arreglado jeje gracias por la atención.
ResponderEliminarPor 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.
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.
Eliminarmm 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
ResponderEliminarPues entonces me ahorro explicártelo :p
EliminarSobre 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.
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.
ResponderEliminarUn saludo
¿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.
EliminarEn 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.
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 =)
ResponderEliminarSi lo ves funcionando en un sitio debería funcionar en cualquiera, pero no sé a qué slide te refieres...
Eliminarbuenoe 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/
ResponderEliminarEntonces no se si se puede colocar en el hueco en blanco.
Un saludo
¿El título del blog? No sé cómo lo quieres, parece en su sitio.
Eliminarlo 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 ;(
ResponderEliminarTal y como lo veo hoy me parece que sí se ha podido ;)
Eliminarmm 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.
ResponderEliminarSupongo 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.
Eliminarya 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.
ResponderEliminarUn 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
ResponderEliminarNo 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".
Eliminarya 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.
ResponderEliminarHe 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.
Eliminaren este si lo tengo
ResponderEliminarlaratitadeluli.blogspot.com y si sale la publicidad. Un saludo
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
Eliminaroloman no se como meter esta parte del codigo para que no aparezca en todas las paginas:
ResponderEliminarCODIGO QUE FORMA LOS DIV's
Un saludo.
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:
Eliminar<b:if etc...
por cierto oloman como narices consigo que en una plantilla descargada que no sea original porque no me funciona este dock:
ResponderEliminarhttp://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
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.
EliminarAhora que lo he vuelto a ver, también avisa de que para plantillas del nuevo diseñador hay que hacer unos cambios adicionales.
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.
ResponderEliminarUn saludo
Ni lo sueñes. Los comentarios son precisamente para las dudas y el correo para otros menesteres :)
Eliminarpff pos no se que cambios jeje y lo del correo okey te preguntare aqui dudas =) pero el dock ese me interesaria... :S
ResponderEliminarNo 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.
EliminarDisculpa Oloman,
ResponderEliminarSi 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
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.
EliminarSi 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.
Muchas Gracias.. eso mismo hacia, pero ponia las capas de
Eliminarpresentacion 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
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
ResponderEliminarY el cuadro de comentarios queda por encima de "Publica un comentario". ¿Cómo lo podría arreglar? Gracias por tu tiempo!!
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".
EliminarDe todas formas no se ve bien el texto ese. Para arreglarlo añade al CSS esto:
.comment-footer {margin-top:20px;}
Arreglado!
EliminarHe aprendido mucho con tu blog! eres genial!!
Gracias!!
:)
EliminarY 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
ResponderEliminarTodos los sitios web tienen HEAD y BODY, así que este código te debería funcionar tal cual.
EliminarHola Oloman, en el código donde dice "identificacion", que iría para este caso?
ResponderEliminarya resolví, gracias.
Eliminarpara 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.
De nada. Menos mal que te diste cuenta pronto, porque voy muy atrasado contestando a vuestras preguntas.
Eliminar