EDITAR LA PLANTILLA: Cómo añadir la edad del blog. Funcion diasonline()
Me gusta añadir como WIDGET una frase que va diciendo los dias de vida del blog. Para hacerlo tenemos que editar el código XML-HTML de la plantilla. Hagamos una copia, vamos a DISEÑO-EDICION DE HTML - DESCARGAR PLANTILLA COMPLETA. Grabalá añadiendole delante la fecha del dia por ejemplo "20081123nombredeltemplate.xml" para ir guardando copias historicas a las que puedas recurrir en caso de problema. Cada vez que añadas un bloque de código debes hacer una copia para poder retroceder en caso de error o fallo.
Otra buena practica es copiar (o cargar) todo el código en tu editor de texto (preferentemente que entienda XML y sea capaz de abrir y cerrar "parrafos"), trabajar en él y luego copiar el resultado a BLOGGER.
Más buenas prácticas: cuando introduzcas un bloque de código en tu plantilla resulta práctico encerrar el bloque con 2 lineas de comentario que pueden incluir la fecha de la modificación y para qué sirve el código que incluyen (y cualquiera otra información que encuentres útil con vistas a que el código sea más legible). Si el código es HTML, sería algo cómo esto:
<!-- 20081121 Widget para botones de reacción debajo del Post -->
...primera linea del código
...ultima linea del código
<!-- 20081121 FIN Widget para botones de reacción debajo del Post -->
Hay que rodear el comentario con los TAGS:
"-->" FIN del comentario
Busca al principio de la plantilla la etiqueta <head> y justo debajo pegale el código que contiene la función de calculo de fecha
<script type='text/javascript'>
function diasonline(){
fecha= new Date();
hoy = New Date(fecha.getFullYear(),fecha.getMonth()+1,fecha.getDate());
// Reemplazar (2001,01,29) por la fecha de inicio de tu sitio (aaaa,mm,dd)
inicio = new Date(2011,10,01)
resta = hoy.getTime() - inicio.getTime();
resultado = Math.floor(resta/(1000*60*60*24));
document.write("Este BLOG lleva "+resultado+" DIAS ONLINE");
}
</script> por supuesto debes reemplazar:
new Date(2008,10,16) new Date(2011,10,01) Guardas el cambio.
Luego sólo resta añadir la como WIDGET la llamada a la función.
Añadimos un componente HTML y pegamos el siguiente código
<script language="javascript">diasonline()</script> ¡Y ya está!
1 comentarios:
hola, blogger ahora admite javascript directamente en los widgets, le anexe tu codigo completo y le puse el titulo de DIAS ONLINE pero no despliega nada: que sucede, algo escribiste mal tu o fui yo?
http://manualescompletos.blogspot.com
CODIGO DEL WIDGET:
center
script
function diasonline(){
fecha= new Date();
hoy = New Date(fecha.getFullYear(),fecha.getMonth()+1,fecha.getDate());
inicio = new Date(200,04,05)
resta = hoy.getTime() - inicio.getTime();
resultado = Math.floor(resta/(1000*60*60*24));
document.write(resultado);
}
diasonline()
/script
/center
por supuesto que le agregue los signos antes y despues de las palabras script y center pero aqui se los tuve k kitar
Publicar un comentario