Diseño Web, Registro de dominio y Hospedaje Web

Mostrando entradas con la etiqueta trucos. Mostrar todas las entradas
Mostrando entradas con la etiqueta trucos. Mostrar todas las entradas

martes, 10 de mayo de 2011

Insertar en mi web: Horas restantes para finalizar el día:

Horas restantes para finalizar el día:

Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día.


El reloj...





<body>
<p>El reloj...</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;

updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();

tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;

document.Reloj.tiempo.value = tiempoAtras;

setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>



Paginación en Blogger

AUTOR: VICARLONE
Hoy vamos a ver como crear el truco de Paginación en Blogger.




¿Que es la paginación? Paginar es separar las entradas del blog en grupos de cierta cantidad de entradas y permitir navegar entre ellas. Un ejemplo es este:


Como sabemos los que usamos blogger, esta plataforma no trae por defecto un estilo muy lindo de paginación, apareciendo simplemente los links de "Entradas Antiguas", "Entradas más recientes" y "Página Principal", los cuales son bastante feos.

Como debemos hacer antes de practicar cualquier cambio a la plantilla, realizamos un backup de la misma (Diseño -> Edición HTML -> Descargar plantilla completa).

Ahora si manos a la obra. Lo primero es dirigirnos a la Edición HTML de la plantilla, expandir artilugios y buscar el siguiente código:

#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}

Nota: si no lo encuentran tal cual al código busquen por pager-newer-link o pager-older-link que lo encontrarán.

Una vez localizado lo reemplazamos completamente por el siguiente código:

#blog-pager a {
text-decoration: none;
padding: .2em 1em;
margin: .2em;
color: #000000; /* Color del texto */
background-color: #FFFFFF; /* Color del fondo */
border: 1px dotted #CCCCCC; /* Color del borde */
}
#blog-pager a:hover {
color: #000000; /* Color del texto */
background-color: #EEEEEE; /* Color de destaque */
border: 1px dotted #CCCCCC; /* Color del borde */
}
#blog-pager {text-align: center;}

Pueden modificar lo que está en negrita por el valor que ustedes quieran. Al costado les aclaré cuales son cada color para que les sea más fácil. Pueden checkear la paleta de colores AQUI.

El siguiente paso es buscar éste código:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId +
&quot;_blog-pager-newer-link&quot;'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId +
&quot;_blog-pager-older-link&quot;'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>


Y reemplazarlo completamente por este:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId +
&quot;_blog-pager-newer-link&quot;'
title='Página anterior'>&lt;&lt;</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId +
&quot;_blog-pager-older-link&quot;'
title='Próxima página'>Siguiente &gt;&gt;</a>
</span>
</b:if>
</div>
<div class='clear'/>
</b:includable>


Hecha la modificación hacemos click en vista previa y si todo ha salido correctamente guardamos los cambios. Ahora tienes tu propia paginación en blogger.

Aclaración: este truco funciona en el 99% de las plantillas, por lo cual existe un 1% en el que puede no funcionar correctamente. Por ello debes hacer un backup de la plantilla y probar si funciona. En caso contrario restauras la plantilla y no sucederá nada.


lunes, 9 de mayo de 2011

10 fascinantes experimentos en JavaScript y HTML5 para hacer en tu navegador

Chrome Experiments, a pesar del nombre, es un sitio dedicado a la difusión de experimentos con tecnologías de punta para navegadores web. Fue lanzado hace unos 18 meses bajo el auspicio de Google, quien recién celebró la llegada del experimento número 100. Por supuesto, JavaScript y HTML5, son las tecnologías más relevantes usadas en el sitio para poner a prueba tu(s) navegador(es). Bueno, pues aquí presento una pequeña selección de 10 experimentos que consideré interesantes, creativos y divertidos. Por cierto, muchos de ellos funcionan mejor con Chrome y Opera; ya hemos hablado un poco de esto.
Da clic en los títulos para lanzar el experimento.

1. Google Gravity

  • Descripción: Mira cómo todos los elementos de la legendaria página principal de Google comienzan a caer y rebotar hasta el fondo de tu pantalla, acelerados por una fuerza (virtual) gravitacional.
  • Tecnologías utilizadas: JavaScript (box2d-js)

2. Destructive Video

  • Descripción: Reproduce Big Buck Bunny con HTML5 y luego despedaza a clicazos el vídeo. Verás con agrado cómo éste vuelve a la normalidad.
  • Tecnologías utilizadas: JavaScript y HTML5 (elementos video y canvas; en especial, la llamada a la funciónCanvas.drawImage())

3. Canopy

  • Descripción: Es un navegador de fractales. Cada clic te hace ir más rápido. Sigue con atención las instrucciones. Se difruta más si seleccionas “mutate” y “bloom” mientras mantienes presionado el botón izquierdo del mouse.
  • Tecnologías utilizadas: JavaScript (JQuery) y HTML5 (canvas)

4. Smalltalk

  • Descripción: Una herramienta que recoge estatus de Twitter —-el pequeño gran diálogo—- para conformar un mapa del clima y su efecto en nuestras vidas. Una herramienta Social Weather.
  • Tecnologías utilizadas: Twitter API, Google Maps, JavaScript (JQuery) y HTML5 (canvas)

5. Social Collider

  • Descripción: Revela conexiones cruzadas entre conversaciones (¿memes?) en Twitter, de forma temporal y lateral a través de muchos contextos. En el ejemplo muestro las conversaciones relacionadas con el oráculo mundial en turno: el Pulpo Paul.
  • Tecnologías utilizadas: Twitter API, Google Maps, JavaScript (JQuery) y HTML5 (canvas)

6. Ball Pool

  • Descripción: 1) Arrastra objetos, 2) Da clic en el fondo y 3) Agita tu navegador (éste es más espectacular). Da doble clic para iniciar un juego nuevo.
  • Tecnologías utilizadas: JavaScript (box2d-js) y HTML5 (canvas)

7. Browser Pong

  • Descripción: Es probable que Pong sea uno de los videojuegos más básicos y antiguos. Con Browser Pong no jugarásdentro del navegador, sino con él.
  • Tecnologías utilizadas: JavaScript (JQuery) y HTML5 (audio)

8. Harmony

  • Descripción: Una herramienta de dibujo mínima. Once pinceles poco convencionales y un lienzo. Sólo extrañé la combinación CTRL+Z para olvidar mis errores; como prueba de esto mira mi horrendo dibujo.
  • Tecnologías utilizadas: JavaScript y HTML5 (canvas)

9. TWITCH

  • Descripción: Varios juegos mínimos dentro de ventanas pequeñas. Cada ventana es una etapa interconectada con la siguiente. Fue uno de mis favoritos.
  • Tecnologías utilizadasProcessing.js y JavaScript

10. Liquid Particles

  • Descripción: La interfaz es tu mouse. Da clic y mueve el cursor; las partículas reaccionarán en un ciclo de atracción-repulsión. Es sencillamente fascinante.
  • Tecnologías utilizadas: JavaScript y HTML5 (canvas)

martes, 9 de noviembre de 2010

7 Trucos para sacar mayor partido a Twitter

trucos twitter thumb 7 trucos para sacar mayor partido a Twitter
Así como hace poco os enseñábamos una lista de 19 cosas que NO debes hacer en Twitter, ahora os traemos unos trucos para sacarle mayor partido a Twitter.

1. Busca por tu nombre

En Tweetdeck y otros clientes, tenemos una columna que se llama “Mentions” y otra que se llama “Direct Messages”. Como bien sabes, en Twitter solo podemos hacer 150 llamadas a la API cada hora. Así, si aún encima de usar estas llamadas para obtener los mensajes de nuestros amigos y hablar con ellos, si la usamos también para las menciones y los mensajes directos, estamos perdiendo llamadas a la API que podríamos usar en otras cosas. En vez de esas columnas, haz una búsqueda usando tu nombre, así usarás la API de SEARCH TWITTER en vez de la API de Twitter tradicional. Y para los mensajes directos, puedes eliminar esa columna, no la necesitas, ya que te llegará un email cada vez que tienes un mensaje directo, y así no gastarás llamadas a la API.

2. Ver las cadenas de los mensajes

Las cadenas o hilos de los mensajes no son fáciles de seguir en Twitter, rápidamente perdemos la pista.Si quieres seguir la cadena completa, tan fácil como hacer click en “Reply to” en la propia web de Twitter, y si usas Tweetdeck, lo mismo, haz click en “in reply to”, justo debajo de cada mensaje. Interesante, ¿verdad?

3. 125 caracteres, tu nuevo límite

Pónselo fácil a tus seguidores para que te retwiteen, si usas siempre el máximo de caracteres la gente tendrá que borrar parte del mensaje y eso a veces es un coñazo (a mi personalmente no me molesta, pero si es cierto que es tedioso). Así, usa 125 caracteres como límite y verás como conseguirás más RT’s.

4. Añade texto antes de la respuesta

Lee atentamente, porque no es una tontería. En Twitter hay un “problema” (para algunos), y es quecuando respondemos a alguien, empezando el mensaje con el nombre del usuario, Twitter solo mostrará esa respuesta si tu seguidor sigue a las 2 partes,a ti y al que respondes. Esto está muy bien para reducir el ruido, pero no es interesante para quienes quieren ver el hilo del mensaje y a quienes respondes. Para poder hacer esto, tan solo añade texto antes del usuario, así, Twitter no pensará que es un “reply to” y lo verán todos tus seguidores, no solo aquellos que siguen a ambas partes del mensaje. Genial truco gracias a @ahuva.

5. Usa Friendfeed

Si usas el buscador de Twitter, te habrás dado cuenta que Twitter solo busca mensajes durante pocas semanas anteriores, sin embargo, en Friendfeed, puedes buscar mensajes con mucha más anterioridad. Así, si tenemos que hacer una búsqueda, no tendremos el problema del tiempo atrás.

6. Interacción

Si sigues a alguien, no esperes que el te siga de vuelta si tu NUNCA le has respondido o interactuado con él. Envíale un reply, no tengas miedo. Al contrario que la gente piensa, Twitter no se trata solamente de actualizar tu estado, se trata sobre todo de interactuar con tus followers, con tus amigos, de dialogar. Si quieres maximizar tu experiencia en Twitter, saluda cuando sigues a alguien nuevo.

7. Usa los grupos

Si usas Tweetdeck u otro cliente que admita grupos de usuarios, ¡úsalos!. Lo normal es que a medida que pase el tiempo, empieces a seguir a un montón de gente y es imposible leerlos a todos e interactuar con todos, así que haz una nueva columna con un grupo de usuarios a quienes más veces respondes y más interés te generan. Así perderás menos detalle de tus usuarios “importantes”. Te recomiendo hacer 2, uno de los que más te interesan y otro con los usuarios que más te responden a ti, que no tienen porque ser los mismos. (vía techmarketing)

miércoles, 15 de septiembre de 2010

¿Cómo seguir a alguien en Twitter sin que se dé cuenta?

Es frecuente que nos encontremos con algún usuario en Twitterque nos llama la atención pero por alguna razón no queremos darle “Follow”. Pues bien, ya no tendrás que escribir en tu barra de navegación su dirección o emprender una tediosa búsqueda, pues puedes usar TweetStalk.

Para hacerlo, debes llevar a cabo unos pocos pasos teniendo en cuenta que debes usar Firefox, pues no funciona con otrosnavegadores. Lo primero que debes hacer es visitar la página deTweetStalk (http://tweetstalk.com/) y descargar la aplicación. Después de hacerlo y reiniciar Firefox, abre la página del usuario de Twitter al que quieres ‘espiar’ y selecciona la opción “Stalk”.

Por supuesto esta no es la única opción para seguir a alguien enTwitter y evitar que se dé cuenta, pero es una sencilla alternativa para quienes encuentran difícil el manejo de las listas, en donde se puede crear una privada.

Como muchas de las aplicaciones de Firefox para Twitter, la evolución de TweetStalk está sujeta a la retroalimentación que tengan sus usuarios con los inventoores, que dicen que su creación no es un intento por conquistar el mundo sino, simplemente, algo para divertirse un poco.

http://www.tustrucos.com

martes, 24 de agosto de 2010

23 agosto 2010 Trucos para surfear sin sobresaltos


Las opciones predeterminadas del navegador no siempre son las más indicadas cuando precisamos elevados niveles de seguridad y privacidad. Te proponemos diversos métodos para reforzar estas facetas durante la navegación web

Tanto en Internet Explorer como en Firefox puedes incrementar los niveles de seguridad y privacidaddesplegando el menú Herramientas, accediendo a las Opciones de Internet y editando los parámetros de las pestañas Seguridad y Privacidad. Además de las variables que allí se muestran, existen diversos complementos y servicios que contribuirán enormemente a mejorar ambos aspectos. A través de los siguientes apartados, procederemos a analizarlos.

Truco 1. Gestión de contraseñas

Una de las mejoras más importantes en las últimas versiones de Firefox es su gestor de contraseñas, accesible a través de Opciones/Seguridad. Tras hacer clic en Contraseñas guardadas, una ventana te ofrecerá un listado exhaustivo de todas las webs en las que te has registrado y los nombres de usuario que elegiste en su momento. Pulsa sobre el botón Mostrar contraseñas y la password asociada a cada uno de los sitios se agregará en una nueva columna. Si deseas que tu equipo no transfiera los datos de forma automatizada a una web en concreto, localízala tecleando su nombre en la casilla Buscar, resáltala y pulsa el botón Eliminar. La opción Eliminar todos, por su parte, borra todas las contraseñas almacenadas en el equipo.

Si otros usuarios tienen acceso a tu PC, ahórrate tener que especificar a Firefox que no recuerde cada una de las contraseñas que introduzcas desactivando la opción Recordar contraseñas de los sitios en la pestaña principal de Seguridad. Por su parte, si trabajas con diversos ordenadores y deseas transferir las contraseñas entre distintas instalaciones de Firefox, Password Exporter resulta asombrosamente sencillo de utilizar. Lastpass, por su lado, representa una excelente opción para usuarios de Microsoft Internet Explorer, Google Chrome u Opera que precisen un administrador de contraseñas avanzado.

Truco 2. Protege tu identidad

Como sabrás, la dirección IP que emplea tu equipo para conectarse a la red ejerce de identificador del mismo. Y no solo eso, sino que, a partir de estas cuatro cifras, un hacker avezado puede obtener información acerca del propietario de la conexión. Compruébalo conectándote a What is my IP address?y viendo cómo la página acierta a averiguar tanto tu ubicación geográfica como tu proveedor de Internet. Afortunadamente, existe un sinfín de métodos para enmascarar tu dirección y navegar de manera anónima. Uno de los más efectivos consiste en instalar Hotspot Shield, una pequeña aplicación que ocultará tu identidad a cambio de mostrar un banner de publicidad en tu navegador. No obstante, también puedes escudarte tecleando la dirección de la página que deseas visitar en SeudoIP y haciendo clic en Ir. La página @Proxy pone a tu disposición decenas de servicios de funcionamiento muy similar a partir de los cuales puedes navegar de forma totalmente anónima.

Restringe la ejecución de código en tu navegador

La ejecución en el navegador de código JavaScript y Java constituye una de las principales fuentes de amenazas a la hora de navegar por la Red. NoScript es uno de los complementos para Firefox que de por sí justifican que nos decantemos por este navegador. Gracias a él, podemos configurarlo para que todo cuanto se ejecute se circunscriba únicamente a sitios web de confianza.

Paso 1. Opciones básicas

Para agregarlo, descárgatelo conectándote a https://addons.mozilla.org/es-ES/firefox/addon/722 y haciendo clic en Añadir a Firefox. En la ventana que se abrirá, pulsa el botón Instalar ahora. Al término del proceso, se te solicitará que reinicies el navegador. Hazlo. En adelante, puedes acceder a las principalesOpciones del plug-in pulsando el botón que se muestra junto a su icono, accesible a través deHerramientas/Complementos. En la pestaña General, asegúrate de que la opción Recargar página automáticamente tras cambiar permisos está activada. La etiquetada como Lista blanca es la más importante, puesto que permite agregar webs de confianza tecleándolas en la casilla de direcciones y pulsando el botón Permitir. Utiliza las opciones que se listan en la pestaña Objetos incrustados para definir los elementos que se bloquearán en los sitios que no figuren en la lista blanca. Allí puedes especificar si, además de scripts en Java, deseas que no se muestren objetos en Flash, Silverlight, multimedia en formato audio, películas de vídeo, etcétera.

Paso 2. Configuración dinámica

Navegar utilizando NoScript resulta muy restrictivo durante los primeros días, pues la mayoría de páginas incluyen código y objetos susceptibles de ser bloqueados y es preciso ir creando una lista blancapersonalizada. Afortunadamente, el menú desplegable que el programa pone a tu disposición en el área inferior del navegador te permite ir agregando los sitios que visitas de forma temporal o permanente. Si deseas suspender el servicio durante cierto tiempo, escoge Permitir JavaScript globalmente. Más adelante podrás reiniciarlo haciendo clic en Bloquear JavaScript globalmente.

Prevención del acceso a páginas dañinas

Por muy sofisticados y efectivos que resulten motores de búsqueda como Google, no es infrecuente que entre los resultados se cuelen páginas que incluyen código malicioso, sitios web de phi shing, etcétera. Algunos de los antivirus gratuitos más populares implementan complementos para el navegador capaces de advertirnos de peligros potenciales antes de que accedamos a los enlaces. No obstante, si tu suite de seguridad no posee esta característica, McAfee SiteAdvisor constituye una excelente elección.

Paso 1. Instalación y configuración

Esta extensión, disponible tanto para Explorer como para Firefox, se agrega a través de un instalador que automáticamente detecta los navegadores del equipo y se integra con ellos. Descárgalo aquí y sigue los pasos que detalla el asistente. Seguidamente, utiliza la ventana de configuración que se mostrará en pantalla para Activar Secure Search y bloquear los vínculos a sitios web peligrosos en los resultados de búsqueda segura proporcionados por Yahoo! Por defecto, la aplicación te dará opción a establecer McAfee Secure Search como proveedor de búsquedas predeterminado si lo deseas.

Paso 2. Navegación fiable

En adelante, cuando efectúes búsquedas en Google, Yahoo! u otro de los principales motores de búsqueda, McAfee SiteAdvisor mostrará un pequeño icono junto a cada uno de los enlaces que figuren en los resultados. Un icono verde garantiza que el sitio web es seguro. El amarillo advierte de riesgos leves y propone precaución. Por su parte, el rojo supone una advertencia de amenazas graves. Por último, si el sitio está pendiente de clasificación, junto a él se mostrará un interrogante. Para recabar información adicional acerca de dominios y páginas perniciosas, podemos complementar el servicio efectuando búsquedas en Malware Domain List (www.malware domainlist.com/mdl.php).


Navegar con seguridad requiere ajustar a nuestras necesidades las opciones de los navegadores y poner en práctica algunos sencillos trucos