Hacker of the Web
Tus ideas en código!...y mas

No encontraste lo que buscabas?.

Busca con Google Mostrar todas las entradas

[+/-]
La mala ortografía afecta nuestro posicionamiento

Existe una enorme cantidad de sitios web con errores de ortografía, en algunas ocasiones graves pero casi siempre menores, ya sea por rapidez de la edición al escribir el artículo o exceso de confianza en herramientas como los correctores ortográficos. Incluso podría ser una técnica SEO mas.

Mala ortografía

Esto gracias a que hace poco Google realizó una modificación en su algoritmo de posicionamiento, el cual, como ya todos sabemos Google beneficia a los sitios de buena calidad, que incluye como parámetros, entre algunos otros:

[+/-]
Google busca por voz y mucho mas!

Como ya viene siendo costumbre, Google de nuevo rompe con la forma de buscar información por Internet, pues ahora podemos hacer nuestras consultas de manera fonética, bueno pues por voz, a la base de datos mas grande del mundo, simplemente necesitaremos un micrófono:

Busqueda por Voz en Google

[+/-]
Blogger: Plantillas para moviles, en todos los blogs

Desde diciembre de 2010, Blogger había introducido unas plantillas para optimizar nuestros blogs en los teléfonos móviles. Y como suele suceder con las nuevas caracteristicas en Blogger in Draft, hasta ahora había tenido problemas de compatibilidad en algunos móviles.

Plantillas para móviles Pero hace unas pocas horas se graduó de estado "Draft" y al parecer se graduó con honores, pues la característica esta activada en todos los blogs sin siquiera pedirnos confirmación alguna. Y esto no es para menos, pues cada vez mas usuarios de Blogger manipulan sus blogs y visitan otros a través de sus dispositivos móviles.

[+/-]
Poner o añadir al blog el botón "+1" de Google

Esta mañana Google dio a conocer el lanzamiento de su botón "+1" para todos los websites que quieran agregarlo. Al hacer clic en el botón estarás recomendado una página web, dichas recomendaciones aparecerán cuando tus amigos hagan una búsqueda relacionada con lo que les recomendaste.

Google presenta su boton +1

[+/-]
Mejorar rendimiento de bateria en Portatiles

Cuantas veces tenemos que dejar de hacer nuestro trabajo cómodamente desde el parque o acostado en una cama inflable en una piscina, por que la batería de nuestro querido portátil esta por terminarse. ¿Cuantas veces te ha pasado?

La bateria de un portatil

[+/-]
Generadores de CSS

Cuando empezamos por primera vez a sambutirnos en este lenguaje tan abstracto. Al final del día termina por abrumarnos tantas propiedades que podemos modificar a cada elemento de una página web.

Generadores CSS

Es por eso que surgen este tipo de generadores, que nos permiten ovlidarnos de los códigos para manipular algunas propiedades CSS mediante interfaces visuales.

[+/-]
Optimizar el titulo de las entradas

En esta ocasion trabajaremos con el titulo de nuestras entradas o noticias, en su caso. Ya que ésta es un área crucial al momento de retener a nuestras visitas, pues nuestros usuarios se fijaran mas en esta parte para determinar si el contenido es de su interés.

Escribiendo un post

Para captar eficazmente la atención de tus usuarios aqui te daré algunos consejos, no son los mejores consejos del mundo ;). Pero crean una buena perspectiva:

[+/-]
Blogger: Slide de entradas recienes

El slide de entradas recientes es una opcion interesante a la hora de retener a nuestras visitas, dandoles la opcion de poder ver mas de un post a la vez, o al menos un resumen corto de algunas pocas entradas que tal vez le llamen la atención.

Si eres un lector habitual de SantyWeb, seguro ya habrás notado el Slider de entradas recientes que tengo implementado en mi blog. Las mejores bondades que ofrecen este tipo de sistemas, es que ocupan muy poco espacio, pueden mostrar bastante información, son dinamicos, llamativos a la vista, y su carga a la página es muy poca.

Gadget de Entradas Recientes

Sus características técnicas:
  • Desarrollado en Javascript sobre el framework 'JQuery'
  • Es compatible con los navegadores de nueva y vieja generación
  • Facil de implementar y tiene muchisimas opciones a configurar.

[+/-]
CSS3: Interesantes gradientes

El CSS es una herramienta que todos o al menos la mayoría de los Bloggers debemos o deberíamos de conocer o almenos los fundamentos. Ya que nos permite darle a nuestro web/blog el estilo que prefiramos de un manera sencilla.

Gradientes CSS3

En esta entrada explicaremos como podemos utilizar en nuestros blog los gradientes que se han agregado en CSS3. Si no eres muy experimentado con el CSS no temas, que aquí debajo esta lo que necesitas saber.

Bien lo primero que debemos tener en cuenta es que la compatibilidad de navegadores:
  • Firefox 3+
  • Chrome 7+
  • Safari 4+
Para conseguir en Firefox los gradientes, la instrucción CSS es la siguiente:

[+/-]
DHTML: Ventanas emergentes sencillas

Hace poco DiGiTaL me preguntaba que si sabia como crear ventanas emergentes en el blog. Despues de esa pregunta me dispuse a desarrollar un sistema mediante por el cual poder crear ventanas emergentes en unos cuantos pasos, aqui explicaré el resultado.

Rojo

Primero que nada, ¿Qué es DHTML?

Dynamic-HTML, o HTML dinámico en español, es un conjunto de técnicas que permiten crear sitios web en los que el internauta puede interactuar con la página. Básicamente los lenguajes que se utilizan son: HTML,CSS y Javascript. Permitiendo modificar la apariencia de la página web.


Aclarado lo anterior, el primer paso es agregar lo siguiente antes de </head>:

[+/-]
Blogger: Gadget de Entradas Recientes con miniatura

Existen diversas formas de lograr este objetivo, pero casi como todos los hacks que publico desarrollé este. Y puedo asegurarte que de todas las formas en que puedes lograr mostrar entradas recientes con sus miniaturas esta es la mas sencilla y cumple muy bien con su funcion. Para agregar el gadget único, solo tienes que elegir una opcion:

Entradas recientes con miniatura

[+/-]
Blogger: Sustituir el nombre del autor con una imagen

Colocar una imagen con la firma personalizada del autor en vez del clásico nombre del autor por la cuestión que se te ocurra, puede ser atractiva a la vista de nuestros lectores además de poder poner en la imagen lo que mejor te parezca.

Pero si no sabes bien como crear tu firma o que ponerle. Aqui te dejo algunas herramientas que te pueden resultar interesantes:

Cool Text
Cool Text

Potente herramienta donde puedes escoger el tipo de texto, despues puedes personalizarlo de la manera en que tu quieras, me parecio muy buena esta herramienta.

3D Text Marker
3D Text Marker

Esta otra exelente herramienta permite escoger muchisimos tipo de letras, asi como el color de la misma y otros parametros avanzados. Muy buena!

[+/-]
CSS3: Interesantes efectos en texto

La Propiedad Sombras o Shadow.

Esta propiedad fue propuesta desde CSS2 pero como sea esta disponible en CSS3 y es compatible con:

Google Chrome 3+
Mozilla Firefox 3.1+
Opera 9.5+
Safari 3+
[Los que soporten estándares]

La sintaxis de la propiedad es la siguiente:

Text-shadow

X-Ofsset: Define si la sombra se muestra a la derecha, valor positivo. O si se muestra arriba, valor negativo.
Y-Ofsset: Define si la sombra se muestra abajo, valor positivo. O si se muestra arriba, valor negativo.
Tamaño: El tamaño de la sombra
Color: Color de la sombra


Con este simple código podemos conseguir un efecto para que el texto parezca grabado en la página con un fondo obscuro, el texto un poco claro y la sombra de texto mas obscuro que los dos colores anteriores:

SantyWeb

[+/-]
Google Docs soporta cualquier tipo de archivo

Docs Google

Parece que Google le está haciendo un espacio a su nuevo sistema operativo Chrome OS para darle la posibilidad de poder almacenar archivos personales en la "nube". Ya que desde el martes pasado Google anunció en su el blog oficial de Google Docs, que dicho servicio ofrecia dos nuevas opciones:

[+/-]
GDocu; Facilita la búsqueda de documentos en Google

gdocu

Google ofrece bastantes parámetros de búsqueda tantos que necesitaríamos varios posts para describir cada parámetro y su función.

Pero gracias y por el momento, tenemos aquí una buena herramienta que nos ayudará al momento de buscar algún documento relacionado a algún tema en especial. Esta, permite buscar varios tipos de formato de documentos.

[+/-]
Varias formas de integrar Goo.gl a Blogger

Goo.gl y Blogger


Si bien los servicios que ofrecían la opción de acortar una url ya existían hace algunos años se hicieron populares gracias a Twitter.com, la red social mas popular del momento.

Ahora que estos servicios están ganando popularidad están surgiendo cada vez mas servicios que ofrecen diferentes resultados:
TinyUrl.com
Bit.ly
TweetBurner.com
aUrl.es
Y el nuevo Goo.gl
Después de enterarnos del nuevo acortador de URL's de Google para la Google Toolbar y para FeedBurner rápidamente se expandieron a extensiones de Chrome y Firefox después a la página de Alexander Gaias y ggl-shortener.

Este ultimo es el que nos interesa, pues ofrece una API interesante para poder usar Goo.gl en cualquier sitio web de manera sencilla utilizando JSON. Y la forma de implementarlo:

[1] Necesitas entrar en el panel Diseño>Edicion HTML>Sin expandir plantillas de artilugios.

[+/-]
Menu de Imagenes aleatorias II

Pues como todo va mejorando con el tiempo, o al menos eso parece, ya habíamos posteado como colocar imagenes aleatorias con un enlace en ellas, pero ahora es posible colocarles un titulo, es decir, que al pasar el mouse aparezca un tooltip con el titulo de la imagen o el titulo de la página a la que se dirige:

[+/-]
Enciclopedia del RSS; ¿Que es RSS?

Si eres de esos que aún no sabes que es la sindicación RSS, en esta página web encontrarás todo lo que necesitas saber acerca de esta tecnología. Cataloga toda la información y la información por secciones muy bien desglosado:
RSS explicado

[+/-]
Menu de imágenes aleatorias

Ya habíamos publicado una especie de post donde explicaba como colocar un enlace aleatorio, en esta ocasión será ahora una imagen con enlace la que aparecerá aleatoriamente, podría ser de cualquier tema o tamaño.

[+/-]
Buscador interno inteligente

Ahora toca el turno a un buscador interno inteligente. No es que sea inteligente y te diga lo que debes buscar. Si no que es parecido al funcionamiento de los buscadores de Google:



Como puedes ver si haces clic en la caja del buscador, esta se pone en blanco y si no escribes nada esta vuelve a su estado original. Esto se debe a un algoritmo en JavaScript que me di a la tarea de programar.

Si te interesa agregar a tu blog el buscador, puedes agregar el siguiente código a cualquier gadget o a la plantilla directamente:
<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='b-query' maxlength='255' name='q' onblur='if(this.value==&quot;&quot;)this.value=&quot;Haga su busqueda&quot;;else;this.value=this.value' onfocus='if(this.value==&quot;Haga su busqueda&quot;)this.value=&quot;&quot;;else;this.value=this.value' size='15' type='text' value='Haga su busqueda'/>
<input class='blue' id='b-searchbtn' type='submit' value='Buscar'/>
</form>

Tambien puedes colocar en vez de un botón con texto una imagen:




Si te interesa agregar a tu blog el buscador, puedes ver la entrada completa!!

Entradas antiguas Página Principal
Arriba