entrada de prueba

Introduce la URL del video

?Para obtener la URL primero debes abrir el video en youtube, luego copiar la dirección o enlace que se encuentra en la parte de arriba del navegador.

---

Cómo usar XMLHttpRequest y XDomainRequest para contenido web dinámico

El uso de DHTML para la creación de contenido web dinámico cada vez es más común en la red, de hecho, ha sepultado prácticamente el diseño de portales estáticos.

Asumo, por lo visto en diversos foros y por experiencias propias vividas, que al adentrarnos en la codificación de contenido dinámico, todos tropezaremos con la misma piedra: el uso de XMLHttpRequest, que, como ya sabemos (o deberíamos saber), es un objeto para intercambiar datos "detrás de cámaras" con un servidor.

Pasaremos por alto los detalles y/o especificaciones sobre este objeto pues considero que ya hay suficientes en la red y son fáciles de encontrar, en caso de que estén interesados en conocerlo profundamente.

Entremos de lleno al tema y recordemos que, aunque parezca tonto decirlo, este objeto se implementa dentro de javascript y su uso, en líneas generales, es de la siguiente forma:

if (window.XMLHttpRequest) {
  // código para IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}
else {
  // código para IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","URI_del_archivo",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

Deberemos tener en cuenta que URI_del_archivo debe cumplir con la Política del Mismo Origen (Same Origin Policy), en pocas palabras, el archivo que deseas obtener usando XMLHttpRequest debe estar alojado en el mismo servidor desde el cual se está haciendo la solicitud. En caso de no ser así, el servidor al cual estás solicitando el archivo debe dar una respuesta que incluya la cabecera HTTP Access-Control-Allow-Origin: URIs, donde URIs debe incluir (para dar permisos al navegador) al directorio web que está realizando la solicitud. Daremos un ejemplo de esto:

Supongamos que nuestra página web está alojada en http://misitioweb.com y queremos realizar una solicitud al archivo nombres.xml que se encuentra en otrositioweb.com, es decir, la URI completa sería http://otrositioweb.com/nombres.xml. En este caso, como son diferentes dominios, otrositioweb.com deberá incluir en su respuesta la cabecera HTTP Access-Control-Allow-Origin que otorgue permisos de manipulación de datos a misitioweb.com, esto podría presentarse de varias formas, señalaremos dos de ellas, las más sencillas:

1:  Access-Control-Allow-Origin: http://misitioweb.com
2:  Access-Control-Allow-Origin: *

Si la cabecera anterior incluye a misitioweb.com, como en los dos casos anteriores, entonces podremos solicitar, descargar y manipular sin inconvenientes los datos solicitados con XMLHttpRequest, de lo contrario, sería imposible realizar esta operación directamente y deberemos recurrir a otros métodos, por ejemplo, un servidor proxy que anule las restricciones de mismo origen o same origin, como queramos llamarlo.

Ahora bien, esperando que todo esté claro hasta este punto, deberemos tener en cuenta otro detalle: la inclusión de un nuevo objeto por parte la versión 8 en adelante de Internet Explorer. Sí, esto quiere decir que Microsoft ha roto nuevamente los estándares mediante IE.

Si nos preocupa la compatibilidad de nuestro sitio dinámico con todos los navegadores (o la mayoría) entonces debemos preocuparnos por lo anterior.

Para solicitudes dinámicas cruzadas (crossdomain requests) utilizando IE>7 incluiremos el objeto XDomainRequest de Microsoft, cuyo uso es similar al XMLHttpRequest:

xmlhttp = new XDomainRequest();
xmlhttp.onload=function() {
  xmlDoc=xmlhttp.responseText;
}
xmlhttp.open("GET", "URI_del_archivo");
xmlhttp.send();

Es importante señalar que XDomainRequest sólo nos suministrará respuestas del tipo texto (responseText) y que si queremos un objeto XML como respuesta tenemos que utilizar la función de IE loadXML (busca en google para más detalles).

Finalmente podemos unir todo en un mismo segmento de código para realizar solicitudes a terceros desde nuestra página. Tendríamos algo así:

if (window.XDomainRequest) {
  xmlhttp = new XDomainRequest();
  xmlhttp.onload=function() {
    xmlDoc=xmlhttp.responseText;
  }
  xmlhttp.open("GET", "URI_del_archivo");
  xmlhttp.send();
}
else {
  if (window.XMLHttpRequest) {
    xmlhttp=new XMLHttpRequest();
  }
  else {
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.open("GET","URI_del_archivo",false);
  xmlhttp.send();
  xmlDoc=xmlhttp.responseText;
}

Nótese que el argumento "GET" puede también ser "POST" y que XDomainRequest sólo acepta transmisiones de datos asíncronas, a diferencia de XMLHttpRequest que acepta tanto síncronas como asíncronas.

El método utilizado en este segmento de código es algo genérico, podría mejorarse estructuralmente y adaptarse a cualquier requerimiento, sólo sienta las bases para la transmisión de datos HTML dinámicamente a través diferentes dominios intentando obtener la máxima compatibilidad con todos los navegadores.

Consejos para hacer dinero en internet

El tema de hacer dinero en internet es realmente tentador, sin embargo, puede ser frustrante inicialmente para la mayoría de los que están dando sus primeros pasos en el mundo mercantil virtual.

Para evitar malos ratos, comenzaré por sugerirles qué cosas deben evitar hacer, desde mi punto de vista, afinado por propias experiencias vividas:

1. Sitios que "pagan por hacer click". Estos sitios generalmente son administrados por personas astutas que reciben dinero al nostros hacer click sobre su publicidad o enlaces de referencia para la generación de tráfico o redireccionamiento a terceros.

2. El "cobrar por responder encuestas" no siempre es fiable. Al igual que el anterior, la mayoría de las veces es una cortina de humo, creada por algún sagaz que sabe que la venta de información sobre las tendencias de lo que la gente busca o quiere, es un excelente generador de dividendos.

3. Correos que nos envían para que los leamos o pinchemos. Esta es una variación de la (1). En este caso nos facilitan el entorno de "trabajo" al enviarnos correos para que fácilmente accedamos al contenido y generemos dinero que a la final ampliará las arcas del creador/administrador del sistema pago-por-clic.

4. Favores para realizar transferencias bancarias, cobrar herencias, etc. Este es el típico caso de fraude en la red; un perfecto desconocido nos dice que ha ganado una herencia o que necesita un favor nuestro para cobrar dinero que le ha dejado un familiar, etc. Rechazar y reportar este tipo de peticiones siempre.

Estas son unas de las modalidades de engaño más comunes. Sin embargo pueden haber muchas variables sobre las cuales debemos estar atentos.

¿Si todas estas son opciones poco factibles, cómo realmente puedo ganar dinero en internet?

Acá viene la parte central del tema en cuestión. Lamentablemente debo decir que no existe una manera fácil de ganar dinero en la red; la gallina de los huevos de oro existe, pero no nos haremos con ella a menos que tengamos significante experiencia o un ingenioso cerebro.

Hoy por hoy, la manera más sencilla de adentrarse al mundo monetario de la internet es mediante la venta de publicidad, pero ¿Dónde venderla y a quién?: Necesitamos un recipiente para colocar nuestra publicidad en la red y una audiencia que vea esa publicidad.

Google AdSense es, a mi parecer, la mejor alternativa para comenzar a generar ingresos extras con sólo dedicar un poco de nuestro tiempo libre a la creación de contenido en la red. Obviamente, esto no quiere decir que nos haremos ricos de la noche a la mañana.

¿Qué deberemos tener en cuenta para vender publicidad con Google AdSense?

-. Elegir un tema sobre el que tengamos conocimientos (redes sociales, mercadeo, servicios, informática, educación, salud, tecnología, gastronomía, farándula, música, TV, entre otros). A partir de estos conocimientos generaremos contenido web, ya sea creando páginas, blogs, programas, libros virtuales, etc.

-. Registrarse en AdSense. Es muy sencillo, para ello nos vamos a la página de registro, llenamos el formulario y comenzamos a crear nuestros bloques de publicidad.

-. Insertar los bloques de publicidad en nuestro contenido web. Esto requiere un poco más de conocimiento en desarrollo web, sin embargo, nada que sea del otro mundo.

Una vez que tengamos estructurado todo el sistema anterior, sólo nos restará promocionar nuestro contenido web, ya sea página web, blog o cualquier otro de los mencionados anteriormente.

Otra opción para comenzar a generar ingresos es prestar servicios en línea. Lamentablemente no son muchos los sitios en español destinados para este fin; Gigalo es uno de los pocos disponibles y aún se encuentra en crecimiento. En inglés existen varios, por mi parte sugiero a Freelancer que nos da la oportunidad de postular gratuitamente nuestros servicios y buscar opciones de empleo en línea para la realización de proyectos en innumerables categorías.

Cómo centrar horizontalmente una etiqueta DIV fija (position:fixed)

Durante la construcción de un pequeño sitio web para verificar las cabeceras http que envian los navegadores web (pueden visitarlo aquí) me vi en la necesidad de centrar una etiqueta <div> afectada por el estilo position:fixed.

En mi trajinar por hallar una solución visité varios sitios web; unos ofrecían alternativas, otros dejaban más dudas que las que tenía al principio, otros decían que era imposible ya que el estilo fijo excluye a los elementos afectados del flujo HTML normal, etc.

Tratando de usar todas las ideas obtenidas durante la búsqueda y aplicando un poco de lógica utilicé el siguiente método para centrar mi div fijo:

Nota: nuestro elemento DIV debe tener un tamaño definido (si se define en porcentaje es posible que requiera utilizar calculadora), en este caso le colocaremos un ancho de 400 pixels.

1. Colocar nuestro DIV de forma normal en el BODY y le asignarle una id (también podría hacerse mediante una clase, pero en este ejemplo usaremos el id fcentrado). Quedaría algo así:

<div id="fcentrado">Este es nuestro div de 400 pixels centrado horizontalmente</div>

2. Agregar el siguiente estilo, indicando una posición fija, ancho de 400 pixels, fondo verde (para visualizarlo mejor) y las dos últimas líneas que harán la magia:

<style type="text/css">
#fcentrado {
position:fixed;
width:400px;
background:green;
margin-left:50%;
left:-200px;
}
</style>

Nótese que la propiedad margin-left:50% correrá nuestro DIV hacia la derecha una medida igual a la mitad del ancho total de nuestro navegador (maximizado). Es decir, nuestro div comenzaría desde la mitad del display del navegador.

Ahora, agregando la propiedad left:-200px le estamos diciendo al navegador que corra 200 pixels hacia la izquierda nuestro DIV, pero como éste comenzaba justo desde la mitad del display, significa que ahora habrán 200 pixels desde esa mitad hacia la izquieda y por ende quedarán también 200 pixels desde la dicha mitad hacia la derecha, es decir, centrado.

El resultado sería algo así

Nota: este método fue probado en Mozilla Firefox 6.02, Google Chrome 14.0.835.186 e Internet Explorer 9. Se presume que funciona también en versiones modernas de Safari, Ópera y otros, mas no se garantiza que funcione en versiones viejas de navegador alguno.

Cómo hacer que una entrada de blogger sea siempre la primera y admita comentarios

Desde el momento en que creé una entrada, la cual consideré que generaría la mayor cantidad de tráfico, quise convertirla, de alguna manera, en la referencia principal de mi blog, en otras palabras convertirla en la página principal.

Como a la mayoría se le ocurriría, comencé a indagar en google y me encontré con lo que pensé que resolvería (o al menos sería un punto de partida para resolver) el dilema; Una entrada siempre la primera escrito por Eulalia.

Esta alternativa es 100% válida y podría ser ideal para muchos usuarios de blogger. Sin embargo, yo, particularmente, no quería reeditar mi entrada cada vez que añadiera otra (aunque sólo se tratase de copiar y pegar), así que decidí seguir indagando por una opción que se adaptara más a lo que yo quería.

Mi segundo hallazgo en google fue Cómo dejar una entrada siempre arriba del blog publicado por El Potro™. Sin duda una opción práctica para solucionar el inconveniente pero que no cumpliría con uno de mis propósitos principales: que se pudieran añadir comentarios en mi entrada predilecta.

Tal vez si hubiese seguido investigando habría encontrado exactamente lo que buscaba pero me olvidé del asunto y dejé las cosas como estaban, por los momentos.

Finalmente, despué de un tiempo decidí, ya con un poco más de conocimientos sobre diseño web se me ocurrió utilizar javascript para mis propósitos. Y obtuve una solución que me ha servido a la perfección:

1. Ingresamos en nuestra cuenta de blogger, entramos en la opción Diseño y posteriormente a Edición de HTML. Estaremos en una instancia parecida a esto:

Habilitaremos la casilla Expandir plantillas de artilugios. Y antes de continuar debemos tener en consideración que si modificamos algo que no debemos, podrímos arruinar la plantilla principal, lo cual generaría un problema muy desagradable. Considerando esto vayamos al siguiente paso siguiendo al pie de la letra las instrucciones.

2. Debemos obtener la dirección URL exacta de la entrada que queramos convertir en página principal. En mi caso, y para efectos del tutorial, será http://comunidadvc.blogspot.com/2011/06/descargar-videos-de-youtube-sin.html.

Ahora, bien, la esencia es que cada vez que alguien entre a mi blog (http://comunidadvc.blogspot.com) sea automáticamente redireccionado a http://comunidadvc.blogspot.com/2011/06/descargar-videos-de-youtube-sin.html

. Lo cual lograremos mediante el siguiente código javascript:

<script type='text/javascript'>
var jcade=document.location;
var jpatr=/.*comunidadvc\.blogspot\.com(\/)?$/;
if (jpatr.test(jcade)) {
document.location='http://comunidadvc.blogspot.com/2011/06/descargar-videos-de-youtube-sin.html';
}
</script>

Si se dan cuenta lo que está en verde no es más que la dirección URL principal o raíz del blog, donde hemos sustituido los puntos por \. para que la función "test" de javascript funcione correctamente, y lo que está en rojo es la dirección de nuestra entrada predilecta.

Sólo restaría que cada quien cambiara los parámetros en verde y rojo para cada caso particular, por ejemplo, si tu blog es http://www.un-blog-aleatorio.blogspot.com, la línea número 3 del código quedaría:

var jpatr=/.*un-blog-aleatorio\.blogspot\.com(\/)?$/;

Una vez que hayamos sustituido los parámetros verde y rojo en el código principal, lo copiaremos todo y lo pegaremos justo debajo de la etiqueta <head> que se encuentra en nuestra edición de planilla, la cual dejamos abierta en el paso 1:

Ahora sólo resta guardar los cambios y si hemos hecho bien todo, tendremos nuestra entrada predilecta como página de inicio de nuestro blog.

Descargar videos de youtube sin programas / software

Introduce la URL del video

?Para obtener la URL primero debes abrir el video en youtube, luego copiar la dirección o enlace que se encuentra en la parte de arriba del navegador.

---