PicMarkr: Marcas de agua en imágenes online

PicMarkr le permite añadir marca de agua personalizada (imagen o texto) a sus imágenes en línea y gratis.

Es útil cuando se necesita para proteger sus derechos de autor o si desea agregar comentarios a sus fotos.

Muy fácil, solo en 3 pasos.

1- Subimos la foto.

2- Personalizamos el tipo de marca de agua.

3- Descargamos o compartimos la foto.

Botones de Sigueme en Twitter en español

¿Cómo funcionan los botones de Twitter?
Incorporar un botón de Twitter en tu web es muy sencillo. Simplemente pon el nombre de tu cuenta de Twitter a continuación y podrás copiar y pegar el código de cualquier botón en tu web, blog, firma de foro, etc.. Así cuando pulsen en el, irán directamente a tu cuenta de Twitter y podrán convertirse en tus followers! Eso es todo, ¡felices Twitteos!

http://botones.gigatwitter.com/

www.softicons.com: Otra página con muchos iconos gratis

http://www.softicons.com

Google Plus: Widget de Google+ en tu blog

Solo necesitas ingresar la ID de la cuenta de Google+ .

Tenemos la opción de agregar el feed para mostrar las últimas publicaciones.

Podemos personalizar el aspecto a nuestro gusto.

Después de terminar de personalizarlo, solo hay que general el código, copiarlo y pegarlo en un gadget Html/Javascript.

Ir a: http://widgetsplus.com/

Si aun no tienes cuanta en google+ puedes pedirme una invitación mandándome un correo con su respectivo correo.

Ejemplo:

i2Symbol: Una página con simbolos para Facebook o Twitter

Ir a i2Symbol

Personalizar SMS, correo electrónico, tweets, y estado de Facebook.
Cada símbolo es sólo un carácter de texto para guardar símbolos MSG.
Disponibles Extensión para Google Chrome y Firefox.
Copia símbolos como texto para pegar en mensajes.

Puedes escoger el tipo de fuente, tamaño y distintos tipos de símbolos.

乂⍲‿⍲乂

CSS3 Playground by Mike Plate

Nuestro amigo Beben Koben, administrador de varios blog muy fantásticos nos presenta otro generador de estilos que realmente me a gustado mucho por lo simple de manejarlo.

http://css3.mikeplate.com

CSS3 Generator

CSS3 Generator

http://css3generator.com Es una página en la cual podemos general estilos CSS3 tales como: Border Radius,

Box Shadow, Text Shadow, Transitions, Transform, etc...

Sólo tenemos que seleccionar la opción he ingresar unos pocos datos como medidas y colores.

Podemos ir viendo una vista previa con los cambios realizados.

En lo personal para general Text Shadow y Gradient, prefiero las páginas de las 2 entradas anteriores.

Lo que puede ser útil para ir aprendiendo los estilos CSS3, como manejar sombras y distintos efectos.

Generador de Text Shadow

http://westciv.com/tools/shadows/

La propiedad se especifica uno o más efectos de sombra de texto que se añade al contenido del texto de un elemento. text-shadow se especificó originalmente en CSS2, pero retirado de CSS2.1 debido a la falta de aplicación entre los navegadores.

Es en la actualidad también se incluye en el módulo de texto CSS3.

Los efectos de sombra se aplican en el orden en el que se especifican. No aumentar el tamaño de una caja, aunque pueden extenderse más allá de sus fronteras, y su orden de apilamiento es el mismo que el propio elemento.

Se ha apoyado en Safari desde la versión 1.1 y es compatible con Chrome, Firefox 3.5+ y Opera 10.

Puede tomar tres valores de longitud, y un color.

Los valores de longitud es un desplazamiento horizontal, un desplazamiento vertical y un desenfoque.

Las compensaciones pueden ser negativos o positivos.

CSS Gradient Generator de ColorZilla

ColorZilla nos presentan una muy buena herramienta.

CSS Gradient Generator

Se trata de un Generador para hacer Gradient que podemos utilizar en nuestros diseños.

Tienes varias opciones para personalizar.

Puedes agregar colores con un solo clic.

Podemos elegir el desgrado entre horizontal o vertical.

Y otras opciones más, que solo es cuestión de hacer pruebas.

Fuente: elWebmaster.com

Dotted Background Generator: Crear fondos para el blog online

Dotted Background Generator Es una muy buena herramienta online.

Solo debemos indicarle la combinación de colores y apretar el botón de "Ok".

Una vez generada la imagen le damos sobre el fondo con el botón derecho del mouse "Ver imagen de fondo", cuando aparezca la imagen la guardamos y subimos a Blogger.

Subir imágenes a Blogger

Para agregar el fondo ir a Diseño, Edición de HTML y buscar la etiqueta body:

body {

Ahí le agregamos o cambiamos la propiedad y el valor:

background:url(http://............../dotted_bg.png) repeat-x;

Donde http://............../dotted_bg.png es la URL de la imagen subida a Blogger.

Para que quede la imagen fija le agregamos la propiedad background-attachment con valor fixed:

background-attachment: fixed;

Quedaría algo así:

body {
............
............
............
background: url(http://............../dotted_bg.png) repeat-x;
background-attachment: fixed;
}

Para las nuevas plantillas lo hacemos desde el Diseñador de plantilla de Blogger.

Ver Cómo se hace...

Problemas con imageshack.us Parte 2

Leer parte 1:

¿Cómo hacer para recuperar las imágenes?

A mí me dio resultado.

Entrando con Firefox me ha sido imposible hacer nada.

Al entrar a imageshack.us yo lo veo así:

Al entrar a la página de mi amiga Corina Hogar Crecer lo veo así:

Lo que hice fue entrar con otro navegador, Google Chrome.

Ahí entre a imageshack.us

Inicie sesión. (Si no tienen cuenta pueden registrarse)

Al iniciar sesión ya pude ver bien el blog:

Si sos administrador de un blog y tienes imágenes alojadas en  imageshack.us, sin cerrar la sesión podran verlas y así descargar todas esas imágenes y subirlas a Blogger que van directo al álbum de Picasa.

Si no cambian las imágenes solo podran verlas, los registrados a imageshack.us con sesión iniciada.

Problemas con imageshack.us

Hace unos días que entro a algunas página y me encuentro con estas imágenes en lugar de las originales.

A mi me pasa solo con Firefox.

He buscado una solución y no he encontrado ninguna.

Se dicen muchas cosas, hasta que el servidor esta caído, lo cual no creo ya que en Chrome e Internet Explorer se ve bien.

También comentan que fue baneado por su uso indebido en cuanto a fotografías e imágenes de contenido adulto.

Hay una posible solución que es registrar la página para que las muestre sin problemas en el siguiente link:

Registro de páginas

No se si es la solución pero nada cuesta con intentarlo.

Mi consejo:

Cambien todas las imágenes, Blogger nos ofrece un magnifico servicio de alojamientos de imágenes y totalmente gratuito.

Red mundial de cables submarinos

Internet en Uruguay

A Uruguay no le llega directo la conexión de internet, es suministrada por Argentina.

Por eso es tan lenta y cara.

Por suerte hay planes para un futuro inmediato de traer directo vía cable submarino.

Red mundial de cables submarinos.

En BBC News hay un mapa interactivo en donde se puede ver desde 1998 el número de cables, el porcentaje de habitantes por país que tienen conexión a Internet.

El color azul más fuerte nos indica los países que tienen más porcentaje de habitantes conectados y los más claros los menos habitantes conectados.

Ver el mapa interactivo:

Cambiar tamaño de una imagen gif para el avatar de Twitter

Encontré esta página que lo que hace es cambiar el tamaño de una imagen gif para poderla utilizar en Twitter.

Las imágenes quedarán de un tamaño de 48px x 48px aproximado.

Ir a: http://anicon.halvfet.com/

Consejo:

1. Traten de elegir la imagen con un tamaño similar o igual en ancho y alto.


2. Una vez generada la imagen no la descarguen desde el botón "Download Image" seleccionar la imagen y con el botón derecho del ratón darle a Guardar imagen como... y guardar con otro nombre.

 Antes

Después

Snap Shots: información sobre los enlaces

Sirve para que los link de texto de las páginas web muestren informaciones adicionales de los sitios que estás enlazando, como una foto del sitio, su canal RSS de novedades o una breve descripción del contenido enlazado.

Es un servicio gratuito que puede decorar de una manera dinámica tus páginas ofreciendo contenido de utilidad para los visitantes. Básicamente consiste en una capa flotante que aparece cuando el visitante se posiciona sobre un enlace, que dentro muestra algunos contenidos de la URL a la que va dirigido el enlace.

En definitiva es una mini ventana que se abre en los link de tu Página con una imagen previa del link, es muy llamativa y eficiente.


Puedes personalizar directo en su página.

O solo ve a Diseño, Edición de HTML y justo arriba de </head>

Poner el siguiente código:

<script type="text/javascript" src="http://shots.snap.com/ss/36bec0f2827d1b8bb004ecad9846824a/snap_shots.js"></script>

Ir a Snap Shots

TestSize: Ver página web o blog en distintas resoluciones

Ingresas la URL, eliges el tamaño, o si prefieres puedes escribir los tamaños (ancho/alto) a mano para ver los resultados.

No presionen el botón de popup, solo den clic sobre la resolución elegida.

Pueden ir agrandando la resolución con las teclas de mas(+) y menos(-) o con las flechas de arriba y abajo.

Para ver en pantalla completa sin propaganda apretar la tecla "F"

TestSize.com

Google Reader: versión móvil de tu blog y más

Hace unos días JMiur nos mostraba un forma de ver nuestro blog desde un móvil con Onbile.

Me acorde una forma que yo veía algunas páginas cuando tenia una Palm.

Google Reader tiene un servicio que comprime todo el contenido de una forma muy sencilla para que lo podamos visualizar desde nuestro Móvil.

Es muy simple, no implica instalar ningún código, solo poner un link.

Si quieres ofrecer la versión móvil a tus lectores solo tendrías que poner un enlace, o imagen con enlace.

Agrega la dirección de los feeds RSS de tu sitio al final de la siguiente URL:

http://www.google.com/reader/m/view/feed/

Ejemplo:

http://www.google.com/reader/m/view/feed/http://feeds.feedburner.com/blogspot/qygH

Google reader también guarda un historiar de tu feed que puede ser útil para recuperar datos perdidos:

Ejemplo:

http://www.google.com/reader/atom/feed/http://feeds.feedburner.com/blogspot/qygH?r=n&n=999

Cambiar URL de tu feed y numero que quieras ver.

Ver Versión móvil

Código:

<a href="http://www.google.com/reader/m/view/feed/http://feeds.feedburner.com/blogspot/qygH">Versión móvil</a>

Dryicons: free iconos - gradient button generator

Una buena página con montones de iconos y vectores gratis.

Dryicons Iconos Free:

También vi que tiene un generador de código para hacer botones en gradient.

Dryicons gradient button generator:

Frengly: Excelente traductor online

Es uno de los mejores traductores que he probado.

Únicamente tenemos que ingresar el texto que queremos traducir y el sistema detecta automática mente en que idioma está escrito.

Seleccionamos la pestaña del idioma que queramos traducir y luego presionar el botón "translate" y mas abajo mostrara el texto ya traducido.

También en el menu superior sobre "Your translations" podemos ver todas las traducciones que vayamos realizando en un historial de manera temporal, ofreciéndonos una tabla con todas las traducciones realizadas, indicándonos la frase inicial y la traducida, junto con el idioma seleccionado para la traducción.

http://www.frengly.com

YouTube y su nuevo editor de videos online

YouTube Online Video Editor