domingo, 28 de febrero de 2010

¿Cómo suena tu blog?

Codeorgan, es una página donde podemos introducir la url de nuestro blog o cualquier otro y la convierte en música al codificar el contenido de la url transformándolo en sonido.

Me preguntaba como es posible que el contenido del blog se transforme en música y toda la información que encontré coincide al decir que escanea el contenido y elimina todos los caracteres que no se encuentran en la escala musical, luego analiza los restantes para definir la nota. Si es un número par la página se traduce en la escala pentatónica mayor de esa nota, se hace menor si hay un número impar.




En CodeOrgan no se olvidaron de añadir Twitter y Facebook por si quieres compartirlo. Me ha gustado comprobar que Gem@ BLOG tiene sonido alegre debe ser por la mezcla de contenido ¿Nos describes el sonido de tu blog?

viernes, 26 de febrero de 2010

Controlar las fotografías que nos etiquetan en Facebook

No veo problema que en Facebook nos etiqueten en fotografías, pero encuentro molesto que nos etiqueten en fotografías que nada tenemos que ver. Una cosa es compartir fotografías con un determinado número de personas porque les aceptamos o invitamos a ser amigos, mucho o poco da igual, tampoco hace falta ser íntimos para tener gustos o intereses en común, y otra cosa es que nos etiqueten en fotografías que no tenemos idea que significa esa foto. Que me diga alguien qué objeto tiene una foto sobre una paella el día del cumpleaños de la suegra de fulanito, o esa otra retocada de la coronación de una Miss.

Si yo quiero compartir algo lo cuelgo en mi muro y si alguien lo quiere que se lo lleve que para eso es público, si quieren compartir algo conmigo me parece genial, en la configuración está permitido para que dejen todo cuanto quieran que lo voy a ver y si me gusta y lo veo de interés probablemente también lo comparta.

Lo que trato de decir es que no podemos controlar totalmente que en cualquier fotografía o vídeo nos etiqueten y me parece muy mal porque una cosa es prestarse a algo y otra que se haga uso de nuestro nombre con una finalidad que no estaríamos de acuerdo.

Los ejemplos que puse antes está claro que son ejemplos de fotografías que no tendrían la mayor importancia y como tal no hay que dársela pero hay otro tipo de fotografías que son las que me impulsaron a buscar la forma de evitar que nos etiqueten o por lo menos la posibilidad de eliminar la etiqueta, son ese tipo de fotografías donde se hace apología sobre temas que no son de nuestro agrado y por lo tanto ni lo compartimos ni lo aprobamos.

[+/-] Seguir leyendo

jueves, 25 de febrero de 2010

Cómo poner un enlace a una imagen


Imagen con enlace



Poner un enlace en una imagen, es algo muy sencillo, y podrás conseguir en dos o tres minutos.




Lo que necesitas




La URL de la imagen a la que te interesa añadir un enlace, puede ser en formato PNG, JPEG ó GIF, para ello tienes que subirla a Blogger por ejemplo, desde una entrada del blog u otro blog.



Ejemplo:



http://3.bp.blogspot.com/_yCA1gGtzYzo/S2UQh0qgufI/AAAAAAAAB_

A/LqYIpZ0MaUw/s1600-h/conservar+gatgets.png



La dirección de la página web (URL) a la que quiero que me envíe cuando se haga click sobre la imagen.





Ejemplos



http://compartidisimo.blogspot.com/ 





http://compartidisimo.blogspot.com/2010/02/primer-sorteo-de-plantilla.html



*El enlace de una entrada de tu blog lo consigues copiando la dirección que aparece en la barra de direcciones de tu navegador  al estar "dentro" de el post que te interesa enlazar.



Y por supuesto, el código HTML.




Cómo hacerlo



Paso 1: Copia el código siguiente y pégalo en un sitio donde puedas trabajar con el, por ejemplo en  una nota de tu computadora.




<a href="URL_de_la_pagina_o _de_la _entrada"   target="_blank"><img alt="texto alternativo" src="URL_de_ la_imagen" title="texto que aparece al poner el puntero sobre la imagen"/></a>



Paso 2: Sustituye lo que esta marcado de azul, ojo: ten mucho cuidado de no borrar las comillas que estan al principio y al final de cada enlace o texto.



Notas:





El texto alternativo, es el texto que aparece en sustitución de la imagen cuando esta no puede ser mostrada por alguna razón por el navegador.



Si no quieres que se muestre ningún texto al poner el puntero sobre la imagen, elimina la parte que dice: title="texto que aparece al poner el puntero" y listo.



Paso 3: Ya que sustituiste los datos, ya puede usar la imagen donde quieras.



Listo, hemos terminado, ya puedes crear tu imagen y añadirle un enlace.



Sabías que...



Blogger cuenta con una opción que te permite añadir una imagen y también puedes agregar a esta un enlace si así lo quieres, para ello solo tienes que ir a:



Diseño Añadir un gadget, y seleccionar la opción de "Imagen" y subirla.



El problema ocurre cuando quieres usar un gif animado, y en ese caso, es mejor hacerlo poniendo nosotros mismos el código.




Actualizado tomando en cuenta la nueva Interfaz. 05-27-2012.

LogoInstant » logotipos descargables

Puede que estés creando un blog (o ya lo tienes), pero te falta un logotipo. Entonces puede sertemuy útil LogoInstant una web donde encontrarás muchos logotipos para tus proyectos, podrás descargarlos y editarlos.
La página tiene un menú por categorías para una fácil búsqueda.

miércoles, 24 de febrero de 2010

Zeus ataca a usuarios de Blogger.com

Importante información a tener en cuenta la que nos proporciona Alejandro de SpamLoco.
Se han detectado numerosos ataques de de phishing en los últimos días, dichos ataques llegan con dominios de extensión .kr con ellos pretenden robar las credenciales  de Facebook y VISA.
Al parecer uno de los últimos ataques estaba destinado a los usuarios de Blogger.com
Se intenta robar la contraseña y cuentas de Google por medio de correos spam falsamente enviados por Blogger y ya se cuentan más de más de 350 páginas de este tipo que han sido propagadas.
En esos correos nos remiten a una página falsa donde debemos incluir nuestra cuenta y contraseña de Blogger.


Una vez conseguidos los propósitos los sitios detectados se encuentran bloqueados por los filtros antiphishing.
La recomendación es clara, hay que tomar precauciones a la hora de seguir enlaces no solicitados, y comprobar la url del navegador antes de ingresar cualquier contraseña.

Recordad esa extensión .kr y que  situando el puntero del ratón sobre el enlace sin necesidad de presionar nos mostrará la url en la barra del navegador.
Información más amplia y detallada en SpamLoco.

martes, 23 de febrero de 2010

Relojes y más relojes para tu blog

He visto en algunos sitios que colocan su relojito muy mono para dar la hora a los usuarios de su blog, y a la vez para darle un toque decorativo.



Casualmente navegando por la red, encontré esta página llamada ClockLink y ofrece una gran variedad de relojes con diseños muy bonitos, para que puedas usarlos en tu blog gratis y darle una apariencia muy fashion.






Cómo poner el reloj en tu blog


 Estando en su página , vas a Gallery.



1. Eliges un estilo de reloj, cada estilo cuenta con diferentes modelos, puedes explorarlos y elegir el que mas te guste.





2. Haz click donde dice: View HTML tag debajo del reloj que te gusto, luego acepta los términos de el servicio.







3. Elige el color, horario según la ciudad, y configura las demás opciones que te presenta.





4. Copia el script y agrégalo a la columna lateral de tu blog, o en cualquier otra sección de tu blog, eligiendo la opción HTML/JavaScript.






Y  listo, ahora tu blog también dá la hora.



Actualizado: 20/Octubre/2011



lunes, 22 de febrero de 2010

border-image

Hay propiedades que no todos los navegadores soportan, la propiedad border-image es una de ellas, Safari y Firefox no presentan problema alguno y podemos utilizar border-corner-image para añadir una imagen como borde.Las propiedades de border-image serían

border-top-image
border-right-image
border-bottom-image
border-left-image

y de border-corner-image:

border-top-left-image
border-top-right-image
border-bottom-left-image
border-bottom-right-image

Si añadimos en nuestra hoja de estilos:

#border-image {
margin:0 30px;
padding:14px;
width:270px;
border:1em double orange;
-webkit-border-image: url(url-imagen.png) 27 27 27 27 round round;
-moz-border-image: url(url-imagen.png) 27 27 27 27 round round;
}

El ancho lo establecemos con width.
Añadimos -webkit-border-image para visualizarlo en Safari y Chrome y -moz-border-image para Firefox.
Los cuatro valores que añadimos establecen el tamaño de cada esquina en el mismo orden que hacemos con margin y padding arriba, derecha, abajo, izquierda.
Con round establecemos la forma en que se van a escalar los bordes " round" o "stretch".
¿Por qué repetimos el valor? porque si lo añadimos sólo una vez equivale al mismo valor para los cuatro lados. Donde url imagen añadiríamos la url de la imagen, para el ejemplo la imagen es la siguiente:


Y en una entrada o gadget de html
<p id="border-image">Escribimos un texto cualquiera</p>

Obtendríamos el siguiente borde con "round round" (redondear)

Escribimos un texto cualquiera


Con los mismos estilos pero cambiando por "stretch stretch" (estirar)

Escribimos un texto cualquiera


En  navegadores que no soportan esta propiedad lo verán de la siguiente forma porque añadimos la propiedad border,  border:1em double orange;


REFERENCIA:CSS3.info

TwitrBackgrounds.com

TwitrBackgrounds.com es otra muy buena página con fonDos muy originales para nuestro Twitter.

domingo, 21 de febrero de 2010

Iconos muy dulces


Ha aumentado considerablemente el número de blogs sobre cocina con el considerable peligro que cuando los visitamos no vemos el momento de abandonarlos, para ellos va este sabroso pack de 20 iconos en varios tamaños que se puede descargar Icon Eden

sábado, 20 de febrero de 2010

Primer Sorteo de Plantilla para Blogger





Hola que tal!, lo prometido es deuda, y yo estoy aquí gustosa cumpliendo lo que les había dicho..., para empezar, les tengo lista la Plantilla "Metamorfosis versión Nocturna" y tu puedes tenerla en tu blog totalmente Gratis, el fondo es Negro lo que la hace ver Profunda y misteriosa, además he agregado otras características, espero te guste.



Características:

  • Plantillas de dos columnas

  • Link que muestra el numero de comentarios, para acceder directamente a ellos

  • En el footer podrás colocar 4 imágenes que pueden ser fotos u cualquier otra imagen que quieras

  • Título personalizado el cual yo haré para tu blog además de crearle un fondo con un efecto interesante al poner el puntero sobre el

  • También si deseas puedo colocar el Archivo en forma de calendario que uso en otras plantillas





Requisitos:

Estar suscrito a mi blog.

Tener un mínimo de 10 entradas en tu blog.

No se puede redistribuir, esta versión es edición única.





Como  puedes tenerla:



Deja un comentario diciéndome que te interesa la plantilla, esto te dará acceso al sorteo.



Luego, publicaré otra entrada en la cual tendrás que contestar una pregunta muy sencilla que podrás encontrar en mi blog y si eres el primero en contestarla,  la plantilla será tuya.



Así de Fácil, buena Suerte!



Cualquier duda no dudes en contactarme.

Making glass jewelry


Estamos acostumbrados a ver joyas y adornos de vidrio pero no deja de ser curioso contemplar su fabricación.

miércoles, 17 de febrero de 2010

Templates Block




REFERENCIA:Templates Block

Deshabilitar botón derecho usando jQuery

Son varias las personas que me preguntan, por difererentes motivos, como deshabilitar el botón derecho del mouse.
Hoy vamos a ver cómo deshabilitar este botón con jQuery.

1.§ Ingresamos a Diseño/ Edición de HTML y buscamos </head> y encima de éste pegaremos el siguiente código:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
//]]>
</script>

1.§ Damos click a guardar y listo.

Visto en : Source Bench

martes, 16 de febrero de 2010

Suscripción por correo datos claros

Con las suscripciones por correo que ofrecemos en nuestro blog curre que no todo el mundo sabe que debe activar esa suscripción en el correo que recibe de Feedburner, y es obvio que si no lo hace las actualizaciones no llegarán a su bandeja de correo.

En la pestaña de Publicize de nuestro panel de Feedburner podemos incluir un texto personalizado para que, cuando ese correo de activación llegue a los suscriptores tengan un poco más claro de qué el tema.
En la sidebar donde dice "Comunicatión Preferences" nos muestra el lugar que podemos personalizar.


"Remitente" incluimos la dirección de correo donde deseamos recibir las notificaciones, por defecto aparece la misma dirección de cuenta que nos registramos si deseamos otra podemos cambiarla.

"Tema del email de confirmación" es el texto que se verá en el sitio destinado a "asunto" es conveniente que sea lo bastante claro para saber de qué trata.

"Cuerpo del email de confirmación" esa parte es la que nos mostrará el enlace de activación, podemos añadir cualquier texto indicando que la activación se habrá completado cuando sea activa la suscripción desde ese enlace.

Un ejemplo que podemos poner:

Recientemente ha solicitado una suscripción a Gem@ BLOG
Por favor haga clic en el siguiente enlace para activar su suscripción y comenzar a recibir las actualizaciones en su bandeja de correo.

${confirmlink}

(en lugar de Gem@ BLOG ponemos el título de cada uno)
No hay que poner ningún código ni HTML como enlace, simplemente añadiendo al final ${confirmlink} será el enlace de activación.

Para comprobar que todo estaba correcto hice una prueba y este es el resultado:


Que lo activen o no, eso ya se escapa de nuestro alcance, pero al menos cuando llegue el correo sabrán de qué trata y si tienen interés lo activarán.

lunes, 15 de febrero de 2010

Cómo agregar un enlace a un texto

Agregar un enlace a un texto es una aplicación muy sencilla y fácil de entender y aunque ahora existen herramientas que te permiten agregarlo sin necesidad de escribir tú el código, es bueno saberlo para poderlo reconocer dentro de códigos mas complejos o simplemente para que sepas añadirlo, cuando el formato ó programa que uses no te de esa opción.



Es muy común que lo puedas usar al escribir un comentario en un blog al dejar el enlace de un sitio por ejemplo.





Lo que necesito:



La URL o enlace de la página o sitio web al que quieres que se dirija el usuario al hacer click sobre el texto



El texto a mostrar



El código HTML respectivo





Pasos





Paso 1.Copia el siguiente código y pégalo en un lugar donde puedas editarlo, por ejemplo una nota de notepad de tu computadora ó si prefieres colocalo directamente en el lugar donde lo quieres usar.






<a href="LA_ URL_DE_ LA_ PAGINA">El texto que se mostrará</a>





Paso 2.Sustituye el texto que dice:LA_ URL_DE_ LA_ PAGINA,  por tu propio enlace, ojo: ten cuidado de no borrar las comillas al principio y al final de el enlace , y escribe el texto que se mostrará.



          

Resultado:



                                   Primer sorteo de Plantilla





Sabías que....





A este tipo de Enlaces se le llama hipervínculos.



Blogger cuenta con una opción que te permite añadir enlaces sin necesidad de usar el código, para hacerlo, solo tienes que ir a:



Agregar un gadget Lista de Enlaces





Esta misma aplicación la utilizas al poner enlaces con el formato de g-mail, el editor de entradas de Blogger, en programas como Windows live writer etc., claro que ahí tú no escribes los códigos, el programa de cada uno de ellos lo hace por ti.





Ojalá te sea de utilidad. No dudes en comentar y/ó sugerir.



Hasta la próxima.

Iconos de Google Buzz



Referencia y Descarga:ChethStudios

Un poco sobre Google Buzz

Un nuevo servicio que nos proprociona Google es Google Buzz, servicio al que podremos acceder con nuestra cuenta de Gmail.

Ahora vamos a saber un poco más sobre Google Buzz a través de este video:

Click en la imagen para ver el video


Como ven es muy fácil de usar; pruébalo y si aún después de usarlo no te convence, puedes desactivarlo.
Solo entra a tu cuenta de Gmail, click en la pestaña Buzz y en la parte final verás la opción desactivar buzz, tal como puedes ver en esta imagen.



Más información en: Google Buzz (español)

domingo, 14 de febrero de 2010

Lilas y caramelos

Tal día como hoy día de San Valentín es un día predispuesto al recuerdo, el primer amor, los nervios de aquella cita tan especial, el primer regalo y como no el primer beso.
Siempre digo que el mejor beso de amor no es el primero sino el último, pero me contradigo yo misma porque también pienso que la ingenuidad y la inexperiencia hacen del primer beso una experiencia única.

No comparto la opinión cuando se dice que el amor hoy se vive de forma diferente, es cierto que los jóvenes experimentan el amor con más libertad que hace años pero los sentimientos siempre son sentimientos sea cual sea la época que nos ha tocado vivir.
Ha cambiado la forma de relacionarse, la palabra novios no se estila, de amigos se pasa a rollete, a amigos especiales o amigos con derecho a roce.

Se ha perdido la palabra "pretendiente" porque para ser novios primero se pretendía a la chica. Si, era el chico en la mayoría de casos el que siempre daba el primer paso.
Se decía que un chico era el pretendiente cuando tenía aspiraciones a ser novio, demostraba con detalles que no tenía ojos más que para su enamorada y si ella le correspondía se iniciaba una relación con fines más serios como llegar a pedir permiso al padre para salir con su hija.

Tuve mi primer pretendiente a los trece años pero nunca llegué a conocerlo, durante un tiempo fue mi pretendiente fantasma, lo de fantasma lo decía yo, mi abuela más sutil ella le llamaba pretendiente secreto.

Vivíamos en una planta baja, y cada mañana en mi ventana aparecían caramelos, siempre la misma clase de caramelos redonditos y bañados en azúcar, envueltos en papel celofán transparente. Otra veces junto a los caramelos había unas florecillas silvestres de color lila, no olían a nada pero eran bonitas.

Los domingos solíamos ir al cine mis amigas y yo siempre acompañadas por una madre o hermana mayor, y entre película y película desde atrás tiraban algún caramelo, tendría su gracia si esos caramelos no hubieran dado en el blanco pero siempre caían sobre mi cabeza porque además de fantasma el pretendiente era un tirador nato.

No había forma de localizar de donde venían los caramelos, tampoco había hora fija que indicara que pasaba por mi ventana, examinaba detenidamente a cualquier niño que se cruzara conmigo intentando ver algún detalle que le delatara pero no dio resultado. La única pista que tenía eran las florecillas, se podían encontrar en un campo cercano pero no era plan montar guardia para descubrirlo.

Después de un tiempo en mi ventana no habían caramelos pero siguieron apareciendo las florecillas lilas hasta que un buen día dejaron de aparecer.
El pretendiente fantasma dejo de ser pretendiente para ser sólo fantasma y es que el amor también resulta a veces efímero pero fue bonito en aquellos días. Lo curioso, que con el paso de los años lo recuerdo más bonito todavía.



viernes, 12 de febrero de 2010

Introduciendo la Plantilla Para Blogger "Papel Azul"





Hola que tal!?, aquí les tengo lista una nueva plantilla para compartir con ustedes, esta hecha con elementos de papel, botones y listón, ideal para un blog de manualidades, con tonos azul, amarillo y naranja intenso, para darle vida y color a tu blog..., he utilizado elementos de scrapping de Delicious scraps, los cuales me encantan; puedes usar la plantilla para uso personal, cualquier comentario y/ó sugerencia es bienvenido.



                                      Demo | Bajarla



Características:

  • Plantilla de 3 columnas.

  • Resumen automático en tus entradas.

  • Sección en el Header (gatget) para que puedas añadir enlaces de categorías de tu contenido. (No son las etiquetas) ,deberás usar el Gatget disponible de Blogger que dice: Lista de enlaces, esto te permitirá clasificar tu contenido para que pueda ser facilmente visto en tu blog, además de el uso de las etiquetas.

  • Menú  que puedes personalizar de Inicio, Sobre mí y contacto.

Para personalizar el Menú de navegación deberás seguir las mismas instrucciones que en la plantilla Mi Scrapping Blog, pero si tienes dudas no dudes en decírmelas y con gusto te ayudaré.



Hasta la próxima!

60 diseños de texturas para fondos.






Maravillosa colección de texturas, adornos, estilo barroco, curvas, flores y hojas. En total 60 texturas divididas en siete pack dispuestas una misma descarga.



Tamaño: 10 MB
Formato: PNG + Pat (Photoshop patrones)
Licencia: libre
Referencia y Descarga: Dezignus