HLT

Ventana con mensaje en texto o imagen

2012-02-01T21:19:00.000-03:00

Una ventanita que sale cuando pasas el cursor sobre u texto o una imagen, está bien si quieres dar alguna información adicional o simplemente saludar a tus visitas.Con texto: <a href="" onmouseover="alert('TU MENSAJE');return true;"><br /><br />El TEXTO RESALTADO VA AQUI</a><br /><br /> Resultado:El EscaparateCon imagen: <a href="" onmouseover="alert('TU MENSAJE');return true;"><

Cronometro para el blog

2012-01-25T21:17:00.000-03:00

Hoy me he encontrado en una página con un código para poner un cronometro en el blog, cada vez que se accede al blog el cronometro parte de cero y así va mostrando el tiempo que permaneces visitándolo. Siento no poder poner la dirección del sitio...cerré la página por error y no supe encontrarla de nuevo, y es una pena porque incluso tiene el contador subido a ImageShaks, solo copiarlo

Quitar el borde a las imagenes

2012-01-18T21:15:00.001-03:00

Algunas plantillas de Blogger vienen con el borde de las imagenes que añadas incluido, si no te gusta puedes quitarlo de una forma muy simple:Localizas en tu plantilla en modo Html, esta parte del código: }.post img {padding:4px;border:1px solid $bordercolor;} Cambias el valor de "border" por 0, y listo.Si también quieres quitarle el borde a la imagen que se muestra en tu perfil,

Generador de código Pageranks

2012-01-11T21:14:00.000-03:00

En esta web web te dan varios códigos según quieres que aparezca el modelo de Pageranks en tu blogs. Estos son algunos:Conste que he introducido la url de Google para obtener su pagerank para las demostraciones. Rosa in memoriam

Impedir "guardar imagen"

2012-01-04T21:11:00.000-03:00

Imaginaros que tenéis una fotografía personal o imagen propia que os apetece publicar en vuestro blog pero que no os gustaría que otros la tomasen "prestada".Con solo un código aplicado a vuestra imagen podéis hacer que cuando vuestro visitante intente guardarse la imagen, aparezca un mensaje de "opción deshabilitada". Código: <img src="AQUI" oncopy="alert('Opcion

Abrir página en una ventana nueva

2011-12-28T21:10:00.000-03:00

Casi todo el mundo que maneja un poco esto de las páginas web sabe de este sencillo "truco" pero siempre habrá alguien que aún no lo sepa, así que yo lo pongo por si sirve de ayuda: Si tienes un link a otra página en tu blog y quieres que al pinchar sobre él, este se habra en una ventana nueva para que tus visitantes no tengan que salir de la tuya, solo tienes que añadir despues del

Botón "Volver atrás"

2011-12-21T21:07:00.000-03:00

Código: <input type="button" value="Volver atrás" onclick="history.back()" style="font-family: Verdana; font-size: 10 pt"> Puedes hacer el botón más grande o más pequeño sustituyendo en el código donde dice "font-size:" por el número que quieras (número mayor=botón más grande). Rosa in memoriam

Imagen de fondo en las entradas del Blog

2011-12-14T21:04:00.000-03:00

Puedes poner una imagen de fondo en una entrada de tu blog para poder escribir encima de la imagenes como estas viendo en esta misma entrada, usando una tabla (table): Crea una entrada nueva en el blog, en el modo HTML pega este código: <table bordercolor="#000000" cellspacing="0" cellpadding="0" width="100%" background="URL_DE_IMAGEN" border="0"><tbody><tr><td><p>Texto Aquí</

Menú desplegable o lista

2011-12-07T21:01:00.000-03:00

Dos códigos sencillitos para hacer un menú desplegable y una lista. Donde pone ejemplo 1, 2, 3 ponéis lo que queráis. Código uno: <select name="select"><option>Ejemplo 1</option><option>Ejemplo 2</option><option>Ejemplo 3</option></select> Código dos: <label><input type="radio" name="GrupoOpciones1" value="opción">Ejemplo 1</label><label><input type="radio" name="

Blockquote o pullquote

2011-12-03T20:41:00.007-03:00

Un pullquote es una especie de cita o nota que se añaden a los post para resaltar alguna idea o algo que queramos destacar dentro del texto.Para lograr este efecto tan bonito hemos de andar con el CSS de la plantilla.Localizamos esta parte en el HTML de nuestra plantilla: .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } Y la sustituimos por esta otra

Añadir a favoritos

2011-11-30T20:59:00.000-03:00

Algunas veces, navegamos entre páginas buscando cualquier cosa y nos encontramos con sitios webs interesantes a los que más tarde no podemos volver porque se nos ha olvidado la dirección.Para que eso no le suceda a nuestros visitantes podemos recordarle al navegante que tiene la opción de guardar nuestra url agregandonos a sus favoritos; y una forma muy fácil de hacerlo es mediante un

Botón de cierre

2011-11-25T20:40:00.000-03:00

Con un simple botón damos la posibilidad de cerrar la página, al hacer click sobre él aparece un cartelito que te pregunta si deseas cerrarla (IE).Código: <input name="button" type="button" onclick="window.close();" value="Clic para cerrar"> Puedes cambiar "cerrar página" por el texto que quieras mostrar en el botón.No se si os será útil, pero por si acaso ;-)

Buscador Google en tu blog

2011-11-21T20:57:00.001-03:00

Copia el código, pegalo donde quieras y ¡a buscar! <form action="http://www.google.com/custom" method="get" target="_blank"> <table bgcolor="#ffffff"><tbody><tr><td valign="top" align="left" height="32"><a href="http://www.google.com/"><img alt="Google" src="http://www.google.com/logos/Logo_25wht.gif" align="middle" border="0" /></img></a><input maxlength="255" size="31" name="q

Imagen de fondo del blog

2011-11-17T20:54:00.001-03:00

Como primer paso, deberemos escoger la imagen adecuada. Tendremos en cuenta dos factores: el peso de la imagen (lo que ocupa en Kbs) y su aspecto, en cualquier página de fondos para web puedes encontrar imágenes adecuadas. Es aconsejable usar imágenes sencillas, que combinen con el estilo que queremos dar a nuestro blog y no "mareen" a nuestros visitantes. [1] Una vez elegida la

Links sin subrayado

2011-11-14T20:38:00.003-03:00

Si no te gusta para nada el efecto subrayado de tus links, puedes hacer que desaparezca fácilmente.Sitúate en tu plantilla HTML y localiza esta parte (está casi al principio antes de Header), cambias "underline" por "none" y ya tienes tus link sin subrayar. a:hover {color:$titlecolor;text-decoration:underline;}a img {border-width:0;}/* Header---------------------------------------------

Oculta la barra de Blogger

2011-11-10T00:16:00.001-03:00

Si no te gusta como queda la barra de Blogger (Navbar) puedes ocultarla con unas líneas de CSS. El código CSS hay que pegarlo entre las etiquetas head en la plantilla del blog Edición html Para evitar confusiones, lo mejor es colocarlo justo al final del CSS de la plantilla, es decir, justo antes de ]]></b:skin>: #navbar-iframe { height:0px; visibility:hidden; display:none; }

Iconos que adornan mi blog

2011-11-06T20:33:00.013-03:00

Acabo de añadir al blog unos iconos en la sidebar al lado de "Archivos" y "Ultimos comentarios", he estado un rato poniendo y cambiando de sitio las imágenes hasta que he logrado colocarlas donde yo quería. Así lo he conseguido:Tenéis que subir las imágenes que queráis poner a un servidor de archivos, y a la url (dirección) resultante añadirle img src=, quedaría así: <img src="http

Saludador Web

2011-11-03T00:15:00.000-03:00

Saludador web, así les llaman a estos personajillos, en esta página hay unos cuantos modelos para elegir además de alguna que otra cosilla interesante, hay que registrarse pero te lleva un momento solo y el "saludador" merece la pena ¿no crees? yo lo encuentro muy simpático.

Texto "loco" online

2011-10-27T00:13:00.000-03:00

Una página en la que puedes crear un divertido texto de colores y con las letras un poco "locas". DIVERTIDO ATREVIDO ORIGINAL

Ultima actualización del blog

2011-10-24T20:26:00.001-03:00

Si quieres mostrar a tus visitantes cuando has actualizado la página por última vez solo has de copiar este código: <script language="JavaScript" type="text/javascript"><!-- // last modified script by Bernhard Friedrich; should work in all browsers var a; a=new Date(document.lastModified); lm_year=a.getYear(); if (lm_year<1000){ //just in case date is delivered

Texto opcional para un enlace

2011-10-20T00:12:00.000-03:00

Con este código puedes hacer aparecer un texto añadido por ti, cuando pones el cursor sobre un enlace de texto.Es sencillo de realizar y puedes aportar alguna información adicional sobre dicho enlace.Al enlace le agregamos la propiedad "title" y la propiedad "alt", para que el texto adicional sea visible en IE y Firefox, seguido del texto que queremos que aparezca en el cuadro de texto,

Aumenta las visitas en tu blog

2011-10-17T20:21:00.007-03:00

Para conseguir aparecer correctamente en los buscadores, no solo es necesario darte de alta en ellos, sino tener correctamente configurado el código de tu blog para que dichos buscadores tomen la información necesaria de tu página. Nada mas imprescindible que las "Meta tags", que son utilizadas por los principales buscadores para mostrar los resultados de búsqueda.Las meta tags están

Trabajos

2011-10-16T18:49:00.002-03:00

Sitios que nos pidieron una mano para poder armarlos y pasaron a formar parte de nuestro grupo. Nos encargamos de que funcionen. Modificándolos, personificándolos y agregándoles algunas herramientas extras para hacerlos más divertidos. Son de rubros variados, viajes, actualidad, trabajos, electricidad, de todo un poco, lo que verdaderamente importa es tener ganas de cambiar... SoloMochila

Cambiar las barras de separación por una imagen

2011-10-14T20:28:00.000-03:00

Como colocar una imagen (barra o divider) separando cada post. Yo lo he logrado de esta manera: 1- Situate en Plantilla, edición HTML2- Busca el siguiente código: post {margin:.5em 0 1.5em;border-bottom:1px dotted $bordercolor;padding-bottom:1.5em; } 3- Cambia esta parte: border-bottom:1px dotted $bordercolor; por esta otra background:url("http://URL DE TU IMAGEN") no-repeat bottom left;

Cómo buscar en google:

2011-10-13T00:10:00.000-03:00

odos usamos o hemos usado el buscador de Google en un momento determinado, pones lo que quieres encontrar ¡y listo! en la mayoría de los casos solemos encontrar lo que buscamos.Aún así nunca está de más el saber como podemos conseguir mejores resultados en nuestras búsquedas. He encontrado algo interesante al respecto en el blog de Microsiervos: Consejos para buscar en Google. Todo