martes, 31 de mayo de 2011

Insertar albums en tu blog o página web con picasa de google

El trabajo con imágenes es fundamental en la Web, y tenemos que evitar su inclusión en nuestros blogs de forma masiva y desordenada. Para ello disponemos de tecnologías como los pases de diapositivas o diaporamas, los vídeos de fotos y las presentaciones, que nos permiten mostrar muchas imágenes en un espacio reducido de nuestro blog. En próximos artículos comentaremos estas opciones.



Cuando insertamos imágenes en nuestro blog de Blogger, se guardan automáticamente en un álbum de Picasa que tiene como nombre el título de nuestro blog. Pero también podemos crear álbumes en Picasa para guardar nuestras fotos e insertarlas en el blog en forma de diapositivas. La forma de crear un álbum es muy sencilla: pulsamos el botón Subir, que se encuentra en la barra de herramientas superior, para subir o cargar una imagen:

Ahi se pueden ver las imagenes que fui subiendo al blog o puedo elegir crear un albúm nuevo.

Y enseguida aparece una ventana donde podemos subir la imagen a un álbum existente o podemos crear uno nuevo pulsando el enlace correspondiente. Si hacemos esto último, aparece otra ventana con un formulario donde escribimos el título y una descripción del álbum, que es público para que se pueda mostrar, aunque se puede limitar su ámbito para compartirlo:



Ahora podemos elegir entre que las fotos sean publicas, que las vean unos cuantos o sean privadas, como por ahora no tengo que esconder las haré públicas.
Luego nos sale un boton para subir las fotos y elegimos las que querramos en este caso eligiré unas fotos de gatos xD





Le das click en abrir y automáticamente se subirán, dependerá de tu conexión y de la cantidad de fotos que quieras subir




Tienes dos opciones, podés seguir subiendo muchas más imagenes (te da un espacio de 1 gb) o puedes darle aceptar y crear el album, haré el segundo, parecerá que no se guardo nada pero le damos click a mis fotos y el album ya debería estar creado:



La damos click y podremos verlo ahora nos vamos a la parte derecha de la pantalla y le damos click a enlazar este album:




  1. La primera es simplemente la dirección URL del documento donde se encuentra el álbum, de forma que podemos enlazarlo en el blog para que nuestros lectores vean el álbum en su lugar de origen.
  2. La segunda es el código de una tabla HTML que incluye una de las imágenes del álbum. Si la insertamos en el blog pegando el código en la parte de Edición de HTML del editor, la veremos en la entrada del blog enlazada al álbum de Picassa:

Asi es como queda con sólo copiar el segundo código.

También podemos insertar una sola imagen, y en este caso hacemos clic en la imagen para verla individualmente. A su derecha están las opciones de Enlace a esta foto: una dirección URL y el código para incrustar imagen en el blog. Con este código, la imagen quedaría de esta forma:


Pero si lo que queremos es insertar en la entrada del blog todas las imágenes del álbum en forma de diapositivas, entonces hay que pulsar en la frase Incrustar proyección de diapositivas.


 Elegimos incrustar proyección de diapositivas

Y se abrirá otra ventana en la que nos ofrecen un código para insertar o incrustar la proyección en nuestro blog, que se ve en la siguiente imagen destacado en rojo:


Ese código lo podemos cambiar según las opciones que tiene encima de él. Aconsejamos desactivar la opción Reproducir automáticamente para que sea el lector quien decida cuándo empezar a ver la reproducción. Además, hay que tener cuidado para que la anchura del reproductor no desborde la anchura que tenemos en el diseño de nuestro blog.

El código lo seleccionamos haciendo clic encima de él; y pulsando el botón derecho del ratón, elegimos la opción de Copiar. Así el código queda copiado en la memoria del ordenador, y luego lo pegamos en la parte de Edición de HTML del editor.



En realidad, no veremos la proyección en el editor del blog hasta que no pulsemos el botón de Vista previa que hay en la parte inferior. Con este código HTML incluimos en la entrada del blog el reproductor que muestra las diapositivas, tal y como lo vemos aquí a un tamaño de 600 px:


Me quedó un poquito grande pero vale la pena por los dibujos xD


Si hacemos clic en uno de los dos iconos de la parte inferior del reproductor, iremos a la página de Picasa donde se encuentra el álbum, y allí lo podremos ver a pantalla completa. Pero en nuestro blog lo podremos ver como una reproducción de diapositivas. Si pulsamos el botón de reproducción, las imágenes pasarán automáticamente, pero también podremos pasarlas pulsando las flechas.

Bueno espero que les hubiera sido de ayuda cualquier comentario sólo escriban.

lunes, 30 de mayo de 2011

Mapeado de imagenes, imagenes con diferentes links


El mapeado viene a ser algo parecido a delimitar zonas en una imagen. Cada zona reaccionará de una manera distinta que podremos "programar" mediante HTML.

Un ejemplo sería la siguiente imagen, que tiene definidas cuatro zonas. Se trata de una única imagen y los colores son para hacer más "visibles" dichas zonas. Cada una de ellas está delimitada por un rectángulo que empieza en las coordenadas (x,y) y termina en la (x1,y1). La zona azul, abarca desde el pixel 0,0 hasta el 199,99, siendo el primer número el desplazamiento horizontal y el segundo el vertical. La primera coordenada es la de arriba a la izquierda del rectángulo y la segunda la de abajo a la derecha, definiendo la diagonal del rectángulo. Como pueden ver en esta imagen:






 <div align="center">
<map name="mapa1"><area coords="0,0,199,99" href="http://blogeadores.blogspot.com/" shape="RECT" title="Pinchando aquí vamos al inicio del blog"></area>
<area coords="0,100,199,200" href="http://www.taringa.net/" shape="RECT" title="Pinchando aquí vamos a T!"></area>
<area coords="200,0,400,99" href="http://www.google.com.bo/" shape="RECT" title="Pinchando aquí vamos a Google"></area>
<area coords="200,100,400,200" href="http://www.taringa.net/perfil/WolfKing3086" shape="RECT" title="Pinchando aquí vamos a mi perfil en Taringa"></area>
</map>
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5149918442876674082" src="http://1.bp.blogspot.com/_0eC4K-qZ7AM/R3gvidHloCI/AAAAAAAACUQ/fbC63ySADGg/s1600/map.jpg" usemap="#mapa1" /></div>


Cada una de ellas se ha definido para que sirvan de enlace a los distintos enlaces como la página de inicio del blog, taringa, google, etc. El código responde a la siguiente estructura:

<map name="mapa1">
<area shape="RECT" coords="x,y,x1,y1" href="URLdestino1" >
<area shape="RECT" coords="x2,y2,x3,y3" href="URLdestino2" >
...
</map>
<img src="URLimagen" usemap="#mapa1" />

Como pueden ver, hay que usar la instrucción MAP, definiendo las zonas que vamos a crear y luego añadir a la instrucción IMG, el atributo USEMAP, utilizando el mismo nombre del mapa que previamente hemos creado.

Las formas que se pueden definir:
  • RECT (rectángulo): "x1,y1,x2,y2" definiendo la diagonal tal y como se ha explicado
  • POLY (polígono): "x1,y1,x2,y2,x3,y3,..." definiendo cada pareja (x,y) un vértice del polígono. La última pareja de coordenadas se unirá a la primera para cerrar el polígono.
  • CIRCL (círculo): "x,y,radio" siendo x,y el centro del círculo.
El origen del sistema de coordenadas siempre estará situado en el extremo superior izquierdo de la imagen.

Es posible reemplazar el atributo HREF por NOHREF para una zona neutra de la imagen.

 Ahora a practicar y a hacer tus propias imagenes con diferentes estilos como mapas, firmas o cualquier cosa que se te pueda imaginar.

jueves, 26 de mayo de 2011

La "bestia" de Obama, el supervehiculo blindado a prueba de casi todo

La bestia en sus inicios cuando no estaba completamente acabada

Ahora si es digna del hombre mas poderoso del planeta xD


Mitad coche de lujo, mitad vehículo acorazado, esta limusina está acondicionada para proteger al presidente de cualquier tipo de ataque, incluido un atentado con armamento químico, ya que el interior está totalmente sellado y sus puertas tienen 20 centímetros de grosor. Las cadenas de televisión CNN y Fox News aseguraban, bromeando, que el vehículo podría mantenerse intacto después de que “impactara un meteorito contra él”.

No importa en qué parte del mundo esté, el Presidente de los Estados Unidos sólo utiliza un auto para transportarse en tierra: “La Bestia”. Este Cadillac está hecho específicamente para transportar al Presidente y cumple con ello gracias al extremo blindaje que tiene y la alta tecnología que utiliza para soportar casi cualquier tipo de ataque.
La limusina presidencial Cadillac de Barack Obama fue concebida para resistir disparos de cohetes e incluso ataque con armas químicas.

Algunas especificaciones que muestran porque tiene tanta fama este "tanque" entre los que resaltan, puertas de 8 pulgadas de grosor, tanque de oxigeno, sistema antifuego, chofer entrenado por la CIA para las condiciones mas demandantes, wi-fi, teléfono satelital, vision nocturna, un chasis reforzado de 5 pulgadas, llantas reforzadas con kevlar!, sangre lista para una transfusion además de que el vehículo tiene una combinación de acero. aluminio, titanio y cerámica.



Algunas fotos más de este auto que dió que hablar por su reciente incidente con un rompemuelles :D





Para finalizar les dejo el video donde la bestia es derrotada por su archienemigo el rompemuelles.




lunes, 23 de mayo de 2011

Menú estilo dock para tu blog, menu con imagenes que se agrandan al pasarlas con el mouse

Los menús estilo dock son característicos de las computadoras Mac y que son altamente llamativos para el usuario por la forma en que aumentan de tamaño los íconos al pasar el mouse sobre ellos.
¿No sabes de qué hablo? Mira el menú que está abajo de la cabecera de mi blog:
Tiene el dibujo de twiter pero lleva a taringa :D


Para colocar este menú estilo Dock en tu blog realizamos los siguientes pasos, entra en Diseño > Edición de HTML y después de <head> pega esto:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/ciudadbloggerfiles/Home/interface.js' type='text/javascript'/>


Ahora pega antes de ]]></b:skin> lo siguiente:


/* Menu Dock
----------------------------------------------- */
.dock {
position: fixed;
width: 100%;
bottom: 40px;
}
a.dockItem {
text-align: center;
color: #000;
font-weight: bold;
font-size: 22px;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
bottom: 0;
}
.dockItem img {
border: none;
margin: 5px auto 0 auto;
width: 100%;
}
.dockItem span {
display: none;
positon: absolute;
}
.dockContainter {
height: 50px;
width: 200px;
position: absolute;
}


Por último busca la etiqueta </body> y antes de ella pega esto:


<div id="dock" class="dock">
<div class="dockContainter">

<a class="dockItem" href="URL del enlace"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1eZ3wrqBAq0atnHR6I3kajkjx-tOZJFtSROVQaYkL44x2BL71_HJi7t97WhOWgsvy0z2hXt_Wg2GAhFwgq-4TzeY6gwHeq73vy8yxiwCxw4vYi1FE15X9MtRdW1ijLvN02-0w985UjSk/s1600/Icon_Home.PNG"/><span>Título del enlace</span></a>

<a class="dockItem" href="URL del enlace"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNIfLEszLI-Ua7VwCUx2l3CEJe2VVWem0F9IAD8hNenQI80IQJPXSfdZQZk43OhEbE4h71NEXVfgDuNFQFjjGhIym-Wrm7vtO94kRccRnraltXW3wlRjIxB1x7m15l2lmKvRS2yJkVE0g/s1600/Icon_Rss.PNG"/><span>Título del enlace</span></a>

<a class="dockItem" href="URL del enlace"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfb8YpqvMKqpLhtQqXyD2GfVXqkJaLzJX_fxX_LBy85v7GHF1LaND2pD5jsxBpXAxUwpiolFDEurXKJyLQTVZxuEujtDWKwFKvEEPhwkH-FTQhHEb4BQ19rjYBJDUDGzQQyP5vxDO9H88/s1600/Icon_Twitter.PNG"/><span>Título del enlace</span></a>

<a class="dockItem" href="URL del enlace"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNEdcvM790dloObtwmBEIQaIAFzqvJUR2XZhMzAblao5Lu8he0eDIxBu04AO05gW1C8F2Th7WrCzEfoWSh9SowVXDCsPjuRDStxzyJ8OqojsK8YWx6OqShtMXD7mwZq6F8HEOE7AROLo/s1600/Icon_Facebook.PNG"/><span>Título del enlace</span></a>

<a class="dockItem" href="URL del enlace"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeXkarUCz2hfk6W71qmXkfNxyVzUfRTgpNDKUrdHiRyr4Uf6-XtBOkIRSOKMVSeTfF-5tiB49suMxYlUZS9bC1Q19GyzaZM2yShfhVWZfKpoyUffX_Qclg6fSYtbsMrw9zRO5kW0Yc-wY/s1600/Icon_Picasa.PNG"/><span>Título del enlace</span></a>

<a class="dockItem" href="URL del enlace"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV6rrQc-xMvzZFK1C093skwdxAJ_kUqvzs52AVlHxaAHAxUaz_Laj4OzBcoudhy9QX3jWUa4P-Ep3cqvOeHphrlTEiwLPR1wHRNp2oY2uEEs-a8tuwARig34qTHgSBubo_xjgaUBrWrzA/s1600/Icon_Mail.png"/><span>Título del enlace</span></a>

<a class="dockItem" href="URL del enlace"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDKxcR6zM9m1GKgMHFyVNPJ7vKo_WDiriC93djWKob009tqMxPZgiuQWuiprNOOJ80ygaQ0pDfJeCClF5MXOMU765bJSfGrQvf4v0W-SQj1K4OJBAvmubV5yvbRbvZeBweLW_fVyfOUhU/s1600/Icon_Help.png"/><span>Título del enlace</span></a>

</div>
</div>

<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Dock(
{
maxWidth: 90,
items: 'a',
itemsText: 'span',
container: '.dockContainter',
itemWidth: 60,
proximity: 70,
halign : 'center'
}
)

}
);

</script>




Cambia las URL (URL del enlace) y los títulos de los enlaces donde se indica y estarás listo para disfrutar de este menú estilo Dock en la parte de abajo de tu blog.


Si quieren añadir uno más solo copien y peguen esto una vez mas:

<a class="dockItem" href="URL del enlace"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfb8YpqvMKqpLhtQqXyD2GfVXqkJaLzJX_fxX_LBy85v7GHF1LaND2pD5jsxBpXAxUwpiolFDEurXKJyLQTVZxuEujtDWKwFKvEEPhwkH-FTQhHEb4BQ19rjYBJDUDGzQQyP5vxDO9H88/s1600/Icon_Twitter.PNG"/><span>Título del enlace</span></a>


Pueden revisar el código y hacer los cambios que ustedes quieren como este que hice:


(No salió muy bonito que digamos xD)
Cualquier duda que tengan no duden en hacerla en los comentarios o en el chat.


IMPORTANTE: Este menú no funciona en blogs con dominio propio.

domingo, 22 de mayo de 2011

Descarga Jowell y Randy ft. De La Ghetto - XXX FullHD-1080p

Un temazo de parte del verdadero trio, si desean algún tema sólo pidanlo y haber si se lo encuentra xD




Descarga Video Baby Rasta & Gringo - Cupido Me Mintio 1080p

Algo de música para distenderse un poco, Cupido me mintió de Baby Rasta & Gringo


Titulo: Cupido Me Mintio
Artista(s): Baby Rasta & Gringo
Peso: 199.2 MiB
Formato: wmv
Resolucion: 1920 x 1080
Duracion: 03:52 Minutos
Servidor: Megaupload

Mover la cabecera de tu blog, eliminar o sustituir la cabecera

En un principio puede parecer lo más tonto del mundo quedarnos sin cabecera, sobre todo teniendo en cuenta el trabajo que seguro nos costó diseñarla. Lo que ocurre es que no es exactamente eso lo que vamos a hacer. Más bien vamos a eliminar el artilugio de cabecera de Blogger para poder poner otra cabecera más flexible que se pueda adaptar a nuestro diseño.

(En mi caso no hubo esfuerzo xD pero seguramente algunos si se rajaron)



La cabecera que viene de serie en las plantillas habituales, sólo nos da la opción de colocar una imagen debajo del texto que corresponde a nuestro título y descripción , o sustituir todo por una imagen que será lo único visible. Como en una imagen creada por nosotros podemos poner también texto, quizás sea esta última la opción con más posibilidades estéticas.

La cabecera de serie en las plantillas habituales, viene como un WIDGET y por eso es tan poco manejable. Además, es un elemento en el que a priori no tenemos la opción "eliminar" por lo que parece que no es fácil de quitar. Sin embargo, si buscamos en nuestra plantilla -sin expandir artilugios- encontraremos el código correspondiente...


Como pueden ver no puedo agregar nada más a la cabecera, algo que "limita" nuestro blog

(Tienen que buscar este parte del código para hacer los cambios, un truquito como el título de mi blog dice en venganza del blog caido escribi venganza en el buscador de palabras de mozilla y me muestra la parte que deseo cambiar)
MAXWIDGETS indica la cantidad de artilugios máximos que admite esa sección. Como suele venir con 1, pues no nos admite añadir más. Pero es que también, el SHOWADDELEMENT que sirve para que salga el "AÑADIR UN GADGET" en una sección, está también por defecto puesto en NO, por lo que no nos aparece esa opción. Personalmente prefiero quitar estos dos atributos siempre que los veo. Así podremos añadir más cosas sin mayores problemas, sea la sección que sea.


El mio quedó asi, lo dejo marcado, le puse máximo 5 espacios, puedo añadir mas gadgets y si quiero puedo mover o borrar la cabecera para poner algo mejor.


Ahora puedo añadir otro gadget o mover la cabecera.


O si quiero puedo eliminar la cabecera, eso dependerá de ustedes si tienen algún diseño mejorado para añadirlo a su blog como un mapa de imagenes que explicaré en otra ocasión.

sábado, 21 de mayo de 2011

Como Detectar Memorias Falsas, reconocer flash memory falsas, micro sd, usb

Con esta pequeña guía pretendo mostrar algunos indicios para detectar falsificaciones de memorias SD USB y todo tipo de memoria FLASH, incluyendo las MINI SD las MICRO SD y todo lo demás.

Muchos usuarios y vendedores están aprovechando el auge de las ventas por Internet para vender falsificaciones por el sitio. Están vendiendo memorias falsificadas en la china como originales. No quiere decir esto que todo lo chino sea malo o falso, pero como se sabe son los lideres de las falsificaciones. Dejo en claro que Kingston produce muchas de sus memorias en la china, pero tienen un Standard de calidad inmensamente superior al de la genérica.
Esto es un fenómeno que se viene presentando en todo el mundo y los vendedores inescrupulosos aprovechan el desconocimiento de la gente común para engañarlo vendiéndoles memorias genéricas o falsificadas como si fueran originales.

Hay que tener mucho cuidado porque aunque estas digan que tienen la capacidad indicada no puede almacenar en la mayoria de los casos mas de 1 gb o mucho menos por lo que se arruinan muy rápido
Yo les brindo por medio de esta guía alguna información que les permitirá detectar algunas falsificaciones. 

MEMORIAS SD: Verifique en la memoria SD estas propiedades de seguridad. El triangulo debe cambiar de color al moverlo, es decir da tonos diferentes al mover la memoria. El switch de seguridad debe estar presente y es siempre de color amarillo. Y la etiqueta debe ser clara y la impresión es perfecta. No se corre la tinta ni se notan desperfectos.



 MEMORIAS USB: La foto de arriba muestra una memoria falsa conectada, fíjense en el color del led.  En la original siempre el led es de color verde como se ve en la foto de abajo.

 FALSA


VERDADERA

Fíjese en la calidad de impresión del modelo y lo claro que se ven los números y el texto que esta impreso en la memoria. En la foto la de arriba es falsa, la de abajo es original.



Este es un ejemplo de una memoria Falsa. Fíjese en el estuche y mire la calidad del sticker. Fijese que se ve mal terminada .

La prueba de Kingston para verificar la memoria es el sticker que trae en la parte trasera del estuche. Kingston ha puesto a disposición de los clientes un sistema para efectuar la validacion de su memoria. En la parte posterior del estuche de su memoria busquen el sticker con los siguientes codigos:


Codigos
Esos codigos deben ingresarlos en la siguiente pagina: http://www.kingston.com/LatAm/verifyflash/, en la cual luego de llenar los campos nos enviara inmediatamente un correo certificando si la memoria es original o no. 

En mi caso me llego el siguiente mensaje:
“Usted ha ingresado la siguiente información:
Número de Serie: CC11861-00089472
Código de Licencia: F279G01-2420810D
Dirección de correo electrónico (Email): admin@blogeadores.net
El producto de memoria Flash sobre el cual usted solicitó se realice la verificación, no es un autentico producto de memoria Kingston. Le sugerimos que revise nuevamente la información que se encuentra en la etiqueta de compra. (Por favor, remítase al sitio Web de Verificación de Kingston, para mas detalles.)”

Por ultimo y una de las pruebas mas eficaces para detectar las falsificaciones es mirar en el sistema en la parte de administrador de dispositivos y buscar en las unidades de disco y mirar como es detectada la memoria.
Miremos este ejemplo de una supuesta Memoria USB Kingston DTI de 1GB.  


Note como no incluye ningún tupo de modelo y es bastante incompleta la descripción
Ahora mire como debe aparecer en realidad



*******************
¿Cómo formatearla a su tamaño original?

Hay que usar este programa:



Hard Disk Low Level Format Tool


Programa para resucitar(literalmente) tú Pendrive o Memoria Usb, luego de haberla desconectado de modo No Seguro del Pc, o bien cualquier otro problema que hubiese provocado que no lo reconozca, ni puedas formatearlo… con un par de click quedará como nueva, paso seguido le das un formateo rápido en el mimo Pc y ya esta.

Paso 1. Seleccionar Memoria
Paso 2. Selecciona la pestaña “Low Level Format” y dale click a “Format This Device”

Una vez que termine de formatear, recibiras un mensaje como el siguiente: "Low Level Formato is done"


El dispositivo USB ahora podra utilizarse pero deberás formatearlo, tal y como se hacia con cualquier disco

viernes, 20 de mayo de 2011

Hacer visibles las carpetas ocultas de una flash memory, pendrive, micro sd, memoria de celular, quitar oculto

Bueno a la mayoria de las personas les ha llegado a suceder que todos los archivos de su pendrive o flash memory están ocultos y no pueden cambiarle esta opción, bueno existe una solucion muy sencilla usando el comando cmd en windows.

Si no sabes como ingresar a CMD simplemente le das click a inicio y luego a ejecutar o sino presionas la tecla windows+r, luego escribes cmd y le das aceptar:


Entonces les deberia salir esta pantalla:





Nos ubicamos en donde esté nuestra memoria en mi caso seria  y escribimos el siguiente comando:

attrib /d /s -r -h -s *.*

•Attrib: Para visualizar o modificar atributos
•/d: Para poder procesar carpetas
•/s: Para poder procesar subcarpetas•-r: Quitar atributos de solo lectura
•-h: Quitar atributos de oculto
•-s: Quitar atributos de sistema
•*.*: Para archivos de cualquier nombre, con cualquier extension 


Va a tardar un poco, asi que no cierren nada, finalmente van a poder ver todas sus carpetas que estaban ocultas, cualquier duda no duden en hacerla.
Inicio Sigueme Taringa Facebook Picasa Mail Como obtener este menú