#Post Title #Post Title #Post Title

Política de Cookies

QUÉ SON LAS COOKIES?

Una cookie es un archivo de texto que un sitio web (en este caso este blog) almacena en el navegador de cada usuario. Permiten a una página web, entre otras cosas, almacenar y recuperar información sobre los hábitos de navegación de un usuario o de su equipo y, dependiendo de la información que contengan y de la forma en que utilice su equipo, pueden utilizarse para reconocer al usuario.


¿QUÉ TIPOS DE COOKIES UTILIZA ESTA PÁGINA WEB?

  • Google Analytics: Cookies analiticas, son aquéllas que bien tratadas por nosotros o por terceros, nos permiten cuantificar el número de usuarios y así realizar la medición y análisis estadístico de la utilización que hacen los usuarios del servicio ofertado. Para ello se analiza su navegación en nuestra página web con el fin de mejorar la oferta de productos o servicios que le ofrecemos.

  • Google Adsense: Cookies publicitarias, son aquéllas que, bien tratadas por nosotros o por terceros, nos permiten gestionar de la forma más eficaz posible la oferta de los espacios publicitarios que hay en la página web, adecuando el contenido del anuncio al contenido del servicio solicitado o al uso que realice de nuestra página web. Para ello podemos analizar sus hábitos de navegación en Internet y podemos mostrarle publicidad relacionada con su perfil de navegación. 



DESACTIVACIÓN Y ELIMINACIÓN DE COOKIES

Puedes permitir, bloquear o eliminar las cookies instaladas en tu ordenador mediante la configuración de las opciones de tu navegador.

Para más información sobre el navegador Firefox: http://support.mozilla.org/es/kb/habilitar-y-deshabilitar-cookies-que-los-sitios-we
Para más información sobre el navegador Chrome: https://support.google.com/chrome/answer/95647?hl=es
Para más información sobre el navegador Explorer: http://windows.microsoft.com/es-ES/windows-vista/Block-or-allow-cookies
Para más información sobre el navegador Safari: http://support.apple.com/kb/HT1677?viewlocale=es_ES
Para más información sobre el navegador Opera: http://help.opera.com/Mac/12.10/es-LA/cookies.htm


Mostrar las publicaciones de Google+ en el Blog


Google+ Widget es un gadget que te permite mostrar la actividad más reciente de tus publicaciones de Google Plus, en el blog.
El gadget se obtiene y configura desde la página de los desarrolladores, y aunque la página está en inglés es muy intuitiva.

Para conseguir este gadget primero vamos a conseguir nuestro ID de Google+, para ello, entra a Google+ y haz click en el ícono de tu Perfil.


En la barra de direcciones verás la URL de tu perfil, ahí encontrarás una serie de números, esa es tu ID. Si lo quieres para una página de Google+ sólo entra a tu página y también verás en la URL el ID de tu página.


Ahora necesitarás conseguir una API de Google+, esto es porque la API de los desarrolladores está saturada, así que teniendo la tuya asegurarás que el gadget no tenga problemas de tráfico. Para conseguir tu API ingresa a Google Apis, da click en Create Project y luego en el menú izquierdo haz click en Services.
Busca donde diga Google+ API, cambia el botón off por on, y acepta los términos y condiciones.
De nuevo en el menú izquierdo da click en Api Access, ahí obtendrás una serie de caracteres como esta, esa es tu API key.


Teniendo ya tu ID de Google+ y tu API, entra a la página de Google+ Widget, ahí te encontrarás con estas dos primeras opciones:


En el primer recuadro verde debes poner tu ID de Google, y en el segundo tu API que acabas de conseguir.
Abajo verás las opciones para personalizarlo.


El primero es el número de publicaciones que se mostrarán; en la primera columna encontrarás los colores para el fondo, el borde, enlaces, el texto, así como si se mostrará la cabecera o no.
En la segunda columna está la distancia entre el contenido y el borde, si se usará borde redondeado (border radius), el ancho, si mostrará favicones, footer, y si se trata de una página de Google+.

Una vez que lo has personalizado, da click en Show you widget, y podrás ver cómo ha quedado tu gadget, y debajo el código para ponerlo en tu blog. Sólo pega ese código en un elemento HTML/Javascript y listo.





En el caso de que lo hayas configurado para mostrar las publicaciones de tu página de Google+ entonces el código estará en dos partes, la primera es algo como esto:
<link href="https://plus.google.com/XXXXXXXXXXXXXXXXXX" rel="publisher"/>
Ese va después de <head>, y el resto del código va dentro del gadget HTML/Javascript.

Así de fácil y rápido puedes tener tu gadget de últimas publicaciones de Google Plus personalizado y bastante práctico, para que tus lectores sepan qué publicas en la red social de Google, y también puedan añadirte a sus círculos.

7 Formas de promocionar un Blog


En esta entrada te propongo 7 formas de promocionar un blog que tal vez no conozcas. Este artículo apareció primero en la newsletter número 9, enviada a mis suscriptores el pasado 3 de Junio de 2013. Si, además del contenido RSS de Blogpocket, quieres recibir artículos en exclusiva y leerlos antes de su aparición en el blog, suscríbete aquí.
formas de promocionar un blog
Imagen: ShutterStock

Por qué es importante promocionar un blog

Mi presentación de las 50+ razones para tener un blog en 2013 comienza con un chiste muy divertido de un sujeto, blogger primerizo que acaba de publicar su primer post, lamentándose por el nulo interés que ha suscitado en su audiencia la infección del dedo gordo de su pie. ¡Él se imaginó un aluvión de lectores! La triste realidad, y lo más normal, es el escaso número de visitas a tu blog, al principio, formadas solo por tus amigos más leales y tus familiares íntimos. Has dedicado un gran esfuerzo a escribir tus primeros posts y entras en la fase de dudas metafísicas: ¿a quién le van a interesar mis publicaciones?.
Sin embargo, el único camino es remangarse y autopromocionar el blog en los sitios donde se encuentra la gente. Y en Internet ese no es otro sitio distinto a las redes sociales: Twitter, Facebook, etc. Tampoco debes olvidarte de cualquier espacio público físico y ahí me refiero, por supuesto, a tarjetas de visitas o soportes similares. Pero será en los escenarios del social media en la Web donde debes realizar tu mayor labor de marketing con el fin de ampliar el círculo de visitas a tu blog. Además, tu obligación será conocer un poquito las reglas de Google, si tu objetivo es facilitar a su motor de búsqueda el reconocimiento de tu blog, y posicionar éste lo más alto posible en sus resultados.

Algunas formas de promocionar un blog

Hay muchas formas de promocionar un blog en la Web, las más conocidas son reflejar tus posts en Twitter y Facebook; o el GuestBlogging, más bien orientado éste a generar links pero, sin duda, muy útil con el fin de dar a conocer tu trabajo en la Red. Sin embargo, he querido destacar aquí una serie de métodos, un poco menos conocidos pero muy efectivos, si se trata de promocionar tus contenidos para atraer tráfico, a partir de los que propone Jeff Bullas en 50 ways to promote and market your blog posts.
1. SlideShare. Hacer un PDF del post es una buena idea. Además de subirlo a cualquier repositorio específico de PDFs, puedes compartirlo en SlideShare. Ese sistema de presentaciones (PDFs y powerpoints) es una fantástica forma de promocionar tus nuevas publicaciones. El único requisito es crear una presentación bien diseñada, relacionada con tu último post, y enlazar éste en la descripción y la propia presentación.
2. Entrevista a un blogger conocido. Un sistema que a mí me ha funcionado muy bien desde siempre es el de entrevistar a bloggers conocidos. Es parecido al GuestBlogging (invitar a escribir en tu blog a otros) pero con una pequeña diferencia: el autor de la entrevista eres tú. Relaciona la entrevista con el tema del post a promocionar y enlázalo en ella.
3. Crear un vídeo de YouTube. Las imágenes y, más aún, los vídeos son estupendos recursos con el objetivo de enganchar a tus visitantes y conseguir tráfico. Crea un vídeo asociado a la entrada que quieres promocionar y enlázalo en la descripción. Considera la opción de probar Vine, la aplicación de vídeos de 6 segundos adquirida por Twitter o la recién estrenada función de vídeos de Instagram.
4. Instagram. Al igual que Pinterest, las fotografías de Instagram te permiten conectar con una comunidad de usuarios adicional muy sensible a las imágenes. Crea una imagen, añádele alguna frase del post que quieres promocionar junto con su URL y súbela a Instagram. Ojo: no incluyas la URL del post en los comentarios de la foto porque Instagram puede considerarte un spammer.
5. Date de alta en clubs del estilo de Squidoo, Pligg, Triberr, etc. Estos sitios no son muy conocidos en España pero hacen posible compartir tus contenidos ampliando tu audiencia.
6. Webinar. Los seminarios Web te ofrecen una posibilidad única para divulgar los contenidos de tu blog. Acerca de las herramientas para hacer Webinars te recomiendo la lectura de los siguientes artículos: Herramientas libres para videoconferencia, webinars online y 23 aplicaciones para videoconferencias, webinars y reuniones online.
7. Grupo para compartir. Y, por último, me parece muy interesante esta opción que, probablemente, ponga yo en marcha próximamente: crear un grupo de Facebook y/o Google+ dedicado a compartir un nuevo artículo de cada miembro en su propio día específico.
Todo ello ayudará, sin duda, a darte a conocer a ti y lo que publicas. Sin embargo, lo esencial es publicar contenidos interesantes y de calidad, siendo original y auténtico.

Añadir un sistema de estadísticas en Blogger

Una semana más me tenéis aquí para seguir con este pequeño tutorial sobre Blogger.
Lo primero que quiero hacer hoy es recapitular lo que hemos hecho hasta el momento para ver cuál sería el siguiente paso lógico:
Así que ya tenemos un blog con el aspecto que más nos guste, y estamos escribiendo y actualizando. Lo siguiente que se nos puede pasar por la cabeza es pensar si nos sigue mucha gente, de dónde vienen, cómo han llegado al blog, etc…
Es eso de lo que voy a hablaros hoy, cómo insertar sistemas de estadísticas y control de visitas en nuestro blog.Hay muchos servicios para controlar y ver las estadísticas de nuestro blog, pero el más extendido es Google Analytics. Si lo instalamos en el blog podremos ver el número de visitas diarias, de dónde son nuestros lectores, cómo han llegado al blog, que sistemas operativos y navegadores usan, etc…
La cantidad de estadísticas que mide Analytics es brutal, daría para otra entrada nueva o más. En este artículo nos limitaremos a instalarlo en nuestro blog. No es algo difícil, pero como hay que tocar código es de gran ayuda asegurarse de que lo hacemos bien, y es lo que voy a intentar hoy, explicarlo fácil para que todo vaya sobre ruedas.
Empezamos dirigiéndonos a la página oficial de Google Analytics, una vez allí haremos clic en “Acceder a Google Analytics”.Si no tenemos cuenta en Analytics nos pedirá que creemos una, así que vamos siguiendo los pasos.En la primera página hacemos click en “Registrarse”, en la siguiente nos pedirá los datos de nuestro blog, y se los pondremos.
stats01
Luego nos pedirá nuestro nombre y localización, se la damos. En la siguiente pantalla aceptamos los términos de Analytics y nos llevará a la página más importante del proceso. Esa página es donde está el código que tenemos que insertar en nuestro blog. Así que copiamos ese código y le damos a “Guardar y finalizar.
stats02
Con el código copiado, nos dirigimos a nuestra cuenta de Blogger y nos vamos a “Diseño -> Edición de HTML”. Lo primero de todo, como siempre, será guardar la plantilla así que hacemos clic en “Descargar plantilla completa”. En la página del código de seguimiento de Analytics nos decía que tenemos que insertar el código antes de la etiqueta “</body>”, así que es lo que haremos.
Personalmente me gusta pegar todos los códigos justo antes de esa etiqueta, así cuando quieres verlos o modificarlos, sabes donde están. En la misma página de edición de HTML bajamos hasta que veamos “</body>”, que será casi al final del todo, pegamos el código de seguimiento y guardamos los cambios. Si por lo que sea algo ha salido mal y el blog no se ve, no tenemos más que volver a subir la plantilla original que hemos descargado.
stats03
Ahora volveremos a Analytics y tendremos que ver lo siguiente:
stats04
En la columna de “Estado” veremos el símbolo de la imagen. Si nos sale un símbolo como de una señal amarilla serán dos cosas: O que no hemos instalado bien el código, o si lo hemos hecho todo bien, será que aun está recibiendo los datos, si esperáis unos minutos cambiará al símbolo que vemos en la imagen de arriba.
Este símbolo nos indica que el código está instalado y está esperando datos. Para ver el estado nos vamos a “Editar” (que está a la derecha), en la siguiente pantalla hacemos click en “Comprobar estado” (que también está a la derecha) y veremos esto:
stats05
Como vemos, nos dice que el código está instalado correctamente y que se están empezando a recopilar los datos. Normalmente hasta pasado un día no los veremos.De hecho, es una de las pegas de Analytics, que por defecto no te muestra las estadísticas del mismo día, sino las del día anterior.Recalco lo de por defecto porque si entramos en el informe de nuestro blog desde la página principal de Analytics, podemos poner la fecha del día en el que estemos y nos mostrará los resultados de ese día.
stats06
Aunque, si lo que queremos es consultar las estadísticas del mismo día en el que estamos sin tener que entrar y cambiar fechas, también podemos usar StatCounter.StatCounter es un servicio similar al que proporciona Google Analytics y muy extendido. Lo que tiene de bueno es que nos proporciona las estadísticas del mismo día algo más actualizadas que las de Analytics, aunque no en tiempo real.
Tiene versión gratuita y de pago. Si estamos empezando con el blog, con la gratuita iremos sobrados ya que nos permite ver los últimos 500 datos, lo suficiente como para ver todos los datos del mismo día en un blog pequeño.La instalación es similar a la de Analytics, nos tendremos que registrar, crear la cuenta, añadir los datos de nuestro blog y nos darán un código que tenemos que insertar en el blog de manera similar a lo que acabamos de hacer.
Con estas dos herramientas podremos tener acceso total a las estadísticas de nuestro blog. Algo que no sirve sólo para cotillear el número de visitas que tenemos, por ejemplo ayer mismo Juanan nos hablaba sobre qué es la tasa de rebote, sino que si las sabemos interpretar podremos entender mejor de dónde y cómo vienen nuestros lectores.En definitiva, mejorar nuestro blog.
Como siempre, os animo a que no os quedéis con dudas y preguntéis sin miedo cualquier cosa que se os ocurra sobre este tema en los comentarios.

Crear página de error 404 en Blogger

Ya todos saben que Blogger ha incluido nuevas opciones en la nueva interfaz de Blogger. Una de estas opciones es la posibilidad de crear un mensaje personalizado en las páginas de error. Es decir, en las páginas que no existen, de modo que si un usuario ingresa a una entrada eliminada o una dirección mal escrita de nuestro blog, aparecerá un mensaje personalizado.

Pero podemos ir un poco más allá y eliminar las sidebar y otros elementos en esas páginas de error para que sólo se muestre la cabecera y el mensaje personalizado, algo como esto:


O bien, haz click en este enlace que dirige a una página que no existe.

Lo primero, para que este mensaje de error pueda aparecer es necesario que tengamos en la plantilla el INCLUDE status-message, ese es el que se encarga de mostrar el mensaje de error (y otros mensajes).
Así que si anteriormente lo eliminaste para que no aparezca el mensaje "Mostrando entradas con la etiqueta..." tendrás que ponerlo nuevamente, de lo contrario el mensaje de error no se mostrará.
Por lo tanto asegúrate de tener esta línea en tu plantilla (es necesario marcar la casilla Expandir plantillas de artilugios)
<b:include data='top' name='status-message'/>

Si no la tienes agrégala justo arriba de este código:
<data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>

Ya que lo tengas, o si ya lo tienes puesto entra en Configuración | Preferencias de búsqueda (por ahora disponible sólo en la nueva interfaz), y en donde dice Mensaje de página no encontrada personalizado haz click en Editar.


Ahí agrega este código:

<div id="error-404">
<div class="errort1-404"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj-A1kUDB0DO9hBdgHXU594FrYLqcu2BBed0YGpc68xUgFQ5fOj9Gt5WpTVEI2p3i2BmrzM1_OUA6U7BoWwnTrR-iXzILq5onNtW1RrMvWoFFfl0WDbdwSzZ55IzvAtYn5BEueVOZxtCU/s100/error.png" style="vertical-align:middle;"/> UPS!</div>
<div class="errort2-404">Página no encontrada</div>
<div class="errort3-404">
Parece que ha habido un error con la página que estabas buscando.<br/>
Es posible que la entrada haya sido eliminada o que la dirección no exista.
</div>
<div class="errort4-404"><a href='http://nombre-de-mi-blog.blogspot.com'>Ir a la página principal</a></div>
</div>
Ese es un código de ejemplo, en realidad tú puedes poner el que quieras y con los estilos deseados.
Ahora antes de ]]></b:skin> pega los estilos:

/* Error 404
----------------------------------------------- */
/* Contenedor general */
#error-404 {
padding:20px;
}
/* Estilos del primer texto */
.errort1-404 {
color: #fff;
font-size: 100px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
/* Estilos del segundo texto */
.errort2-404 {
color: #fff;
font-size: 50px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
/* Estilos del tercer texto */
.errort3-404 {
padding:20px;
color:#414141;
text-shadow: 1px 2px 3px #fff;
text-align:center;
font-size:20px;
}
/* Estilos del botón */
.errort4-404 {
margin-top:20px;
padding:10px;
display:inline-block;
text-shadow:0 1px 1px #fff;
text-decoration:none;
font: bold 13px Sans-Serif;
border:1px solid #DDD;
border-radius:3px;
border-color: #999;
background: -webkit-linear-gradient(top, white, #E0E0E0);
background: -moz-linear-gradient(top, white, #E0E0E0);
background: -ms-linear-gradient(top, white, #E0E0E0);
background: -o-linear-gradient(top, white, #E0E0E0);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
Con eso ya tienes el mensaje de error personalizado como la imagen de ejemplo. Ahora vamos a eliminar la sidebar y otros elementos, para ello es necesario que conozcas los IDs o clases de todos esos elementos que deseas ocultar, aquí veremos los básicos de las plantillas originales de Blogger.
Así que antes de </head> agrega esto:


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.column-right-outer, .column-left-outer, .footer-outer, .feed-links, #blog-pager, #sidebar-wrapper, #footer-wrapper { /* Aquí todos los elementos que queremos ocultar */
display: none;
}
.fauxcolumn-right-outer .fauxcolumn-inner, .fauxcolumn-left-outer .fauxcolumn-inner {
border-left: 0px;
border-right: 0px;
}
#main, #main-wrapper {
width: 960px; /* Aquí va el ancho total del blog */
margin-left: -25px;
}
</style>
</b:if>
Y listo. Ahora unos detalles a tomar en cuenta. En el código que hemos añadido en la configuración verás en color azul la URL de la imagen del ícono de error, puedes cambiarlo por otro, de hecho puedes cambiar toda la estructura de ese código por la que desees. Ahí mismo pon en donde se indica el nombre de tu blog, esto es para el botón que aparecerá sugiriéndole al lector ir a la página principal.

En los estilos están en color verde definidas las áreas de cada elemento del mensaje de error.

En el segundo código verás también dos anotaciones en color verde, estas son muy importantes, en la primera pondremos todos los elementos que queremos ocultar antes de .column-right-outer, por ejemplo, si tuvieras una sidebar que se llama right-sidebar entonces antes de .column-right-outer, agregarías:
#right-sidebar,
Todos los elementos que agregues para ocultar deberán ir separados por una coma.
Después sigue el ancho del área donde se muestra el mensaje de error, ahí debes poner la medida del ancho de tu blog, quizá tengas que poner un valor un poco más bajo, o agregar otro margen después de él para acomodarlo, eso ya dependerá de cada caso y cada quién deberá experimentar con esos valores.

Como puedes ver en cuestión de códigos es poco, casi todo será creatividad de cada uno para que la página de error sea tan simple o tan compleja como cada quien quiera.

"Apagar las Luces" Para ver vídeos



Este es uno de los scripts que más nos gustan a los que disfrutamos ver videos en la red, es un script de Janko y funciona con jQuery.

Se trata de "apagar las luces" para que todo lo que haya en la página se oscurezca menos el video, así no habrá otros elementos que nos distraigan mientras vemos el video y nos sentiremos como en el cine :)

Puedes ver un ejemplo aquí mismo, presionando el enlace que dice "Apagar las luces".
Cuando lo desees puedes presionar de nuevo el enlace y las luces se encenderán.





Para poner este efecto de "apagar las luces" en el blog, entra en la Edición HTML y antes de </head> pega el script:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#oscuridad").css("height", $(document).height()).hide();
$(".lightSwitcher").click(function(){
$("#oscuridad").toggle();
if ($("#oscuridad").is(":hidden"))
$(this).html("Apagar las luces").removeClass("turnedOff");
else
$(this).html("Prender las luces").addClass("turnedOff");
});
});
//]]>
</script>
Después agrega antes de ]]></b:skin> los estilos:
/* Apagar las luces
----------------------------------------------- */
#videoLuces {
position:relative;
z-index:102;
}
#apagador {
max-width:640px;
text-align:left;
position:relative;
height:25px;
display:block;
margin: 25px 0 0 60px;
}
.lightSwitcher {
position:absolute;
z-index:101;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSq1bO-TBPjUkj4p6H9arHel23iGCJ5qMdto-tsGghYiMScYEMb9WOW_u7TuxukqSaDnBlMm6D95ZYLbZGHZ4jrFkbinjJ4RIqxfuMACaI6HaJ68FNdt0c-cDj6pKFCRf8fA0DrxDyWVE/s16/luces-on.png);
background-repeat:no-repeat;
background-position:left;
padding: 0 0 0 20px;
outline:none;
text-decoration:none;
}
.lightSwitcher:hover {text-decoration:underline;}
.turnedOff {
color:#ffff00 !important;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GgT0HORQlr_5Cz8IYq8lFqm2S-PLL3eH9VX0dUhqJYwr6VRhrbV2c9oD0_W1qwDIwVSA75vNrLuRcO3dDrjyFBV2XzVlr77EDBALKyp7e7IRC31NdyPCif6EW312cpJxZJ0YJcml6VI/s16/luces-off.png);
}
#oscuridad {
background:#000;
opacity:0.7; /* Opacidad de la pantalla */
filter:alpha(opacity=70); /* Opacidad de la pantalla */
position:absolute;
left:0;
top:0;
width:100%;
z-index:100;
}
Luego, antes de </body> agrega esto:
<div id='oscuridad'/>

Y por último, donde quieras poner tu video, ya sea en una entrada, o en un elemento HTML/Javascript usa este código:
<center>
<div id="apagador"><a class="lightSwitcher" href="javascript:void(0);">Apagar las luces</a></div>
<div id="videoLuces">
...Aquí el código del video...
</div>
</center>
Agrega donde se indica el código de tu video y listo. A disfrutar los videos con las luces apagadas.

Recuerda que el truquillo usa jQuery, así que si usas Scriptaculous o Mootools deberás aplicar un parche, y si usas otra versión de jQuery deberás usar sólo una.

Abrir dos o más enlaces con un solo link

No sé bien qué tan útil pueda ser, pero muchos preguntan cómo abrir dos páginas con un solo enlace, supongo que podría servir para abrir todas las redes sociales de un sitio con un solo click, o todos los blogs de un autor, etc., el uso ya dependerá de cada quien.

Sin embargo se recomienda que si lo usan avisen al lector que dicho enlace abrirá todas las páginas que han configurado, para que el usuario sepa que abrirá todas esas páginas, y no le abramos páginas que no ha solicitado.

La función para conseguir abrir varios links con un solo click es sencilla, es usar Javascript simple, nada extravagante. Puedes ver un ejemplo haciendo click el siguiente enlace, abrirá dos sitios sobre experimentos caseros y de física.

El código a utilizar es el siguiente:
<a href="javascript:void(0);" onclick="javascript:window.open('URL del enlace UNO', '_blank'); window.open('URL del enlace DOS', '_blank'); ">Abrir varios enlaces</a>
Agrega donde se indica las URLs de los enlaces y listo.

Si quieres que se abran más páginas entonces añade justo antes de las comillas dobles en color azul, una línea como esta:
window.open('URL de otro enlace', '_blank');

De esa forma podrás agrupar varios enlaces en uno solo.