Abrir Icono social en otra pestaña

[xfxstudios]

si te entendi, eso solo te esta colocando el icono antes de la url, es decir algo asi [icono][Enlace] y el enlace que se muestra es para que el css identifique donde exactamente va el icono, payq e facebook por ejemplo no tenga el de twitter, lo enlaces deben estar en tu pagina o en algun controlador, eso es lo que quiero ver para poder ayudarte, mira este ejemplo:

Código HTML:

<style>
#stilo li a[href*="http://google.com"]:before { content: 'Hola '; }
#stilo li a[href*="http://facebook.com"]:before { content: 'Nuevo '; }
</style>
<ul id="stilo">
<li><a href="http://google.com" target="_blank">Google</a></li>
<li><a href="http://facebook.com" target="_blank">Facebook</a></li>
</ul>
 

Alli le estoy colocando antes del enlace (incluido en el) las palabras Hola y Nuevo a google y facebook respectivamente, o dame la url del sitio para ver