¿Cómo puedo hacer que un enlace div se abra en una pestaña nueva? Javascript onClick = “window.location”

Creé una serie de botones de redes sociales que, cuando el mouse se mueve, cambia a una imagen diferente (dándole un efecto de resaltado). Las imágenes funcionan como yo las quiero, sin embargo, parece que no puedo imaginar cómo cargar la página en una nueva pestaña / pantalla. Necesito implementar el equivalente de.

Suponiendo que tengo que cambiar algo en el onClick …?

Aquí está el código:

Aquí está CSS:

 #facebook { height: 40px; position: relative; top: 0px; left: 260px; width: 40px; background-image:url(/img/index/footer/facebook-button.jpg); } #facebook:hover { height: 40px; width: 40px; background-image:url(/img/index/footer/facebook-button2.jpg); top: 0; left: 260px; width: 40px; position: relative; } #youtube { height: 40px; position: relative; top: -62px; left: 360px; width: 40px; background-image:url(/img/index/footer/youtube-button.jpg); } #youtube:hover { height: 40px; width: 40px; background-image:url(/img/index/footer/youtube-button2.jpg); top: -62px; left: 360px; width: 40px; position: relative; 

Olvidé un código CSS para hacerlo más simple, pero aquí hay una demo http://fiddle.jshell.net/3Bsyd/2/

¡Gracias!

onclick="window.open('http://google.pl', '_blank');"

Test