JMiur [E]

En Blogger Update muestran una forma un poco diferente para que podamos navegar el blog. Aunque hablan de reemplazar el elemento Archivos, en realidad, sólo es una alternativa extra.

Lo que se hace es sencillo; utilizar JavaScript para establecer una fecha determinada, crear una dirección URL y abrir esa página. Si hay posts en esa fecha, se mostrarán y si no los hay, claro, no se mostrará nada.

Creamos un Elemento HTML y allí ponemos el script:
<script type="text/javascript">
home_page = "http://nuestroSitio.blogspot.com/";
timezone = "-03:00";
function submitdate(){
year = document.selectdate.year.options[document.selectdate.year.selectedIndex].value;month = document.selectdate.month.options[document.selectdate.month.selectedIndex].value;day = document.selectdate.day.options[document.selectdate.day.selectedIndex].value;tmax = year+"-"+month+"-"+day+"T23:59:59"+timezone;
tmin = year+"-"+month+"-"+day+"T00:00:00"+timezone;
tlink = home_page+"search?updated-max="+encodeURIComponent(tmax)+"&updated-min="+encodeURIComponent(tmin)+"&max-results=20";
if(year=="" || month=="" || day=="") {
alert("Please select a right date!"); return false;
} else {
self.location.href=tlink;
}
}
</script>
Sólo cambiamos dos datos, el nombre de la página de inicio y la zona horaria que podemos verificar en Configuraciòn | Formato:

home_page = "http://nuestroSitio.blogspot.com/";
timezone = "-03:00";

Luego, agregamos es el código HTML y cuyo esquema (es muy tedioso escribirlo todo) es el siguiente:
<form id="buscarXfecha" name="selectdate"><span>Seleccione una fecha</span>

<select name="day">
<option value="" selected="selected">DIA</option>
<option value="01">1</option> ....... <option value="31">31</option>
</select>

<select name="month">
<option value="" selected="selected">MES</option>
<option value="01">ENE</option> ....... <option value="11">NOV</option>
<option value="12">DIC</option>
</select>

<select name="year">
<option value="" selected="selected">AÑO</option>
<option value="2007">2007</option><option value="2008">2008</option>
</select>

<input type="button" onclick="submitdate()" value="BUSCAR"/>

</form>

Seleccione una fecha

Para el resto, sólo hace falta un poco de CSS que agregamos antes de </b:skin> y el ejemplo tiene el siguiente:
#buscarXfecha { /* el bloque del formulario */
background-color: #243240;
border: 1px solid #4D5B68;
margin: 0 auto;
padding: 5px 0 10px;
text-align: center;
width: 250px;
}
#buscarXfecha span { /* el texto indicativo superior */
color: #FFFFFF;
display:block;
margin-bottom: 5px;
}
#buscarXfecha select { /* los elementos con las opciones */
background-color: #CCC;
border: 2px solid #8D9BA8;
color: #000;
font-size: 11px;
width: 50px;
}
#buscarXfecha input { /* el botón de envio */
background-color: #CCC;
border: 2px solid #8D9BA8;
color: #000;
cursor: pointer;
font-size: 10px;
font-weight: bold;
}

12 comentarios:

Carlos Ventura  

Quiero que me diga donde debo colocar el primer codigo,el que al que cambiarle la hora y la direccion del blog. Lo demas lo entendi, pero esta parte no la entiendo.
Gracias por todos..

Responder
JMiur  

Carlos: debes añadir un elemento HTML y allí colocar el script:

<script type="text/javascript">
........... el código ...........
</script>

Responder
Susana  

hola! quería consultarte algo aprovechando esta entrada. En realidad estoy buscando algún script que pueda usar como calendario y cargar en det. fecha una información.
Pensé que podría ser este pero no es lo que estoy buscando. Tendrás idea de algo que pudiera usar? He encontrado algunos calendarios pero todavía no encontré el que pueda servir para mi blog de actividades ya que las fechas de los posts no coinciden necesariamente con la fecha de una actividad. Desde ya gracias!!

Responder
JMiur  

Susana:
No sé muy bien qué necesitas pero, acá hay una buena página con muchos tipos de calendarios.

Responder
Susana  

gracias!!! jmiur!! No fui nada clara, me parece. Ando buscando algún calendario donde pueda cargar eventos poniéndole el link de determinada entrada de mi blog. Por lo que vi esta página tiene calendarios y variados tipos. Ojalá encuentre alguno que no sea muy complejo y pueda cargar varios eventos en una misma fecha! Muchas gracias!!

Responder
JMiur  

Creo haber visto uno que podía usarse para crear eventos o registrarlos. No sé cómo se integrará en Blogger.

También para eso, hay algunos servicios de Google.

Responder
Carlos Ventura  

JMiur, hice lo que me faltaba,hice una prueba y funciona,pero con la particularidad que en el recuadro de los dias solo sale el 1 y el 31. En los meses solo Enero,Noviembre y Diciembre y en los años 2007 y 2008.Sera que hice cualquier cosa mal?...

Responder
JMiur  

No veo si lo tienes online pero seguramente es un pequeño error de sintaxis. Envíame un mail con el código que has escrito y lo reviso.

Responder
Gato  

esque como va a mostrar años anteriores si en el archivo que estas poniendo solo funciona con los años 2007 y 2008.A mi no me funciona tampoco, bueno lo he puesto pero al intentar poner una fecha y que se muestren los posts,se me muestran todos.
Yo tambien quería un calendario que al hacer click en una fecha en el se me muestren los posts que se han publicado ese día.Es posible?

Responder
JMiur  

No podría decirte por que no te funciona si no puedo verlo online. No hay calendarios sencillos, recuerdo alguna vez haber visto alguno que utilizaba algo de Yahoo.

Responder
Prodwin  

Hola, estoy buscando un calendario donde solo aparezcan algunas etiquetas que yo elija, y no todos. Has visto alguno parecido?

Responder
JMiur  

No he visto ninguno de ese tipo, Prodwin. Tal vez, usando algo como este y modificando el script de tal modo que en lugar de leer todos los feeds:
/feeds/posts/summary
sólo lea los de cierta etiqueta:
/feeds/posts/summary/-/UNA_ETIQUETA

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR