0
Mostrar el tiempo de carga de las páginas
Para quienes gustan de verificar los tiempos de carga, en Himsomnio nos muestra un método para medir y mostrar el tiempo de carga de cualquier página web.
Usando un pequeño script podemos agregar esta función en nuestro sitio y, modificándolo un poco, podríamos usarlo para medir y mostrar el tiempo de carga de cada una de las páginas del blog.
Colocamos el siguiente script antes de </head>:
Usando un pequeño script podemos agregar esta función en nuestro sitio y, modificándolo un poco, podríamos usarlo para medir y mostrar el tiempo de carga de cada una de las páginas del blog.
Colocamos el siguiente script antes de </head>:
<script type='text/javascript'>
//<![CDATA[
var startTime = new Date();
function showElapsedTime() {
var testSiteUrl = location.href;;
var testSiteString = String(testSiteUrl).slice(testSiteUrl.indexOf("www"));
var endTime = new Date();
var elapsedTime = Number(endTime-startTime);
var browser=navigator.userAgent;
var platform=navigator.platform;
var msgString = "Tiempo de carga<br/> " + Number(elapsedTime/1000) + " segundos (" + elapsedTime + " ms)<br/><span>Navegador " + browser + "</span>";
document.getElementById("mostrarTiempo").innerHTML = msgString;
}
onload=function() {showElapsedTime();}
//]]>
</script>
Ahora, agregaremos un elemento HTML en la sidebar o en el footer, allíi donde quisiéramos que se mostrara:
<div id="mostrarTiempo">Cargando ...</div>
Eso es todo.
Si quisiéramos personalizarlo un poco, hay dos cosas que podemos hacer: modificar la salida del script:
Si quisiéramos personalizarlo un poco, hay dos cosas que podemos hacer: modificar la salida del script:
var msgString = "Tiempo de carga<br/> " + Number(elapsedTime/1000) + " segundos (" + elapsedTime + " ms)<br/><span>Navegador " + browser + "</span>";
y agregarle propiedades CSS:
<style>
#mostrarTiempo {
border: 1px dotted #456;
color: #CDE;
font-size: 12px;
padding: 10px;
text-align: center;
}
#mostrarTiempo span {
display: block;
color: #678;
font-size: 11px;
}
</style>
Cargando ...
0
[2] Cuando pinchemos en el enlace para añadir una url, introducimos una línea como esta en cada enlace:
http://elescaparatederosa.blogspot.com/feeds/posts/default/?start-index=1
Cambiando en cada nuevo enlace que añadimos, el 1 del final por el 2, 3, 4 etc. hasta completar el número de entradas que vamos a mostrar.
Teniendo en cuenta que start-index=1 hará que en el gadget se vea la última entrada publicada, start-index=2 la anterior y así sucesivamente, por lo que podemos omitir alguna de las entradas si así lo queremos.
[3] Para evitar que se repita el título del blog en cada resumen de entrada, añadimos estas líneas en el CSS de la plantilla (antes de ]]></b:skin>):
.blog-title {
display:none;
}
Si estamos usando más de una Lista de Blog, el problema vendrá porque se ocultarán los títulos de todos los gadget, para evitar esto, localizamos la id de la lista a la que vamos a ocultarle el título que será BlogList1, BlogList2...pongamos que sea BlogList1.
Colocamos entonces estas líneas en el CSS:
#BlogList1 .blog-title{
display:none;
}
Ultimas entradas con imagen (Lista de Blogs)
Sin necesidad de usar ningún script ni archivo externo, simplemente usando la "Lista de Blogs" de Blogger, podemos instalar un gadget con las últimas entradas de nuestro blog o de otros, acompañadas de una miniatura de imagen.
[1] En la parte de "Diseño" de nuestro panel, pinchamos en "Añadir un gadget" y escogemos la "Lista de Blogs".
Configuramos sus opciones como vemos en la imagen:
[2] Cuando pinchemos en el enlace para añadir una url, introducimos una línea como esta en cada enlace:http://elescaparatederosa.blogspot.com/feeds/posts/default/?start-index=1
Cambiando en cada nuevo enlace que añadimos, el 1 del final por el 2, 3, 4 etc. hasta completar el número de entradas que vamos a mostrar.
Teniendo en cuenta que start-index=1 hará que en el gadget se vea la última entrada publicada, start-index=2 la anterior y así sucesivamente, por lo que podemos omitir alguna de las entradas si así lo queremos.
[3] Para evitar que se repita el título del blog en cada resumen de entrada, añadimos estas líneas en el CSS de la plantilla (antes de ]]></b:skin>):
.blog-title {
display:none;
}
Si estamos usando más de una Lista de Blog, el problema vendrá porque se ocultarán los títulos de todos los gadget, para evitar esto, localizamos la id de la lista a la que vamos a ocultarle el título que será BlogList1, BlogList2...pongamos que sea BlogList1.
Colocamos entonces estas líneas en el CSS:
#BlogList1 .blog-title{
display:none;
}
0
Y ahora me pregunto... ¿Qué utilidad tiene ese enlace? no dejo de darle vueltas y la única conclusión es la de salir corriendo.
¿Es una salida para los que dejan comentarios de mal gusto?
¿Una forma de salir a coger aire si los comentarios nos abruman?
Si alguien tiene una buena explicación que me lo diga, la añadimos a la entrada y de paso duermo más tranquila esta noche ...
Cerrar sesión.
Cuando hay niños en casa y de pronto dejamos de oír su alboroto siempre decimos "algo están haciendo"
Con Blogger es distinto, lo solemos decir cuando algo deja de funcionar porque coincide y está demostrado que cuando algo no funciona seguidamente aparece una novedad y no, no me confundí. No dije mejora porque mejoras y novedades son dos cosas distintas.
Con Blogger es distinto, lo solemos decir cuando algo deja de funcionar porque coincide y está demostrado que cuando algo no funciona seguidamente aparece una novedad y no, no me confundí. No dije mejora porque mejoras y novedades son dos cosas distintas.
Esta vez la novedad ha sido un enlace en el formulario de comentarios, nos da la posibilidad de salir. Siempre que hacemos uso de "salir" en cualquier página sabemos que estamos cerrando sesión.
Curiosa yo, quise salir como si esperara traspasar el umbral y encontrarme en el País de las Maravillas. Por una vez todo funciona tal y como debe, con la hospitalidad que caracteriza a Blogger nos invitan a volver.
Y ahora me pregunto... ¿Qué utilidad tiene ese enlace? no dejo de darle vueltas y la única conclusión es la de salir corriendo.
¿Es una salida para los que dejan comentarios de mal gusto?
¿Una forma de salir a coger aire si los comentarios nos abruman?
Si alguien tiene una buena explicación que me lo diga, la añadimos a la entrada y de paso duermo más tranquila esta noche ...
0
El Site Map que hay en la sidebar nos ofrece más curiosidades, vale la pena verlo.
CopySense - aprender jugando
CopySense es una de esas páginas donde podemos curiosear y aprender al mismo tiempo.
¿Qué aprendemos? los tipos de borde que podemos usar, por ejemplo escogemos un tipo de borde, grosor, tamaño y color y obtenemos los estilos viendo el efecto que tendrán antes de añadirlos a nuestro atrabajo.
El Site Map que hay en la sidebar nos ofrece más curiosidades, vale la pena verlo.
0
El estilo grunge se caracteriza por sus formas rudas y distorsionadas, este pack contiene cinco texturas disponibles para descargar en deviantART
Texturas grunge
El estilo grunge se caracteriza por sus formas rudas y distorsionadas, este pack contiene cinco texturas disponibles para descargar en deviantART
Suscribirse a:
Entradas (Atom)