:: CP - Recursos Web :: - Marcadores sociales flotantes

Marcadores sociales flotantes

Siempre va a ser necesario colocar algun gadjet para que los usuario compartan tus contenidos y nada mejor y estietico que este recurso que te permite compartir en las 3 redes más importantes.

[ Ejemplo: ]

EJEMPLO A LADO IZQUIERDO DE LA PAGINA.

COMPARTIR!

Informacion:
Nombre: Marcadores sociales flotantes
Fecha: 03-07-2013
Creditos: CssPlantillas
Garantia: Si ?

Enlazanos:

Compartir:

[ Codigos: ]

- Por encima de la pagina o extra head:

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style type="text/css">
#menudesli {background:#fafafa;width:85px;padding-top:5px;padding-bottom:3px;text-align:center;
position:fixed !important;left:2px;top:100px;z-index:10 !important;border:3px solid #eaeaea;}
</style>
<div id="light" class="white_content">
<div class="menudesli" id="menudesli">
<a href=""><b><small> COMPARTIR! </small></b></a><hr>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="75" data-show-faces="false" data-font="arial"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="es" data-count="vertical" style="margin:2px;">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="g-plusone" data-size="tall"></div><hr>
<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" style="text-align:right;color:red;" title="CERRAR"><b>X</b></a>
</div></div>

Apuntes
Es solo copiar y pegar, si quieres puedes modificar la posición y los colores.
- Para cualquier consulta visita nuestro Foro de soporte.

Ya lo han visto 76 visitantesGracias por tu visita!

Recomendamos:

| CERRAR