BARRA FLOTANTES CON MARCADORES DE LAS PRINCIPALES REDES SOCIALES

by Blogs Famag - noviembre 16, 2020

BARRA FLOTANTES CON MARCADORES DE LAS PRINCIPALES REDES SOCIALES.

Este Gadget nos instala una barra flotante con marcadores de las principales Redes Sociales en el lateral del blog.

Planeta Blogger nos ofrece en esta oportunidad un Gadget que nos creará una atractiva barra con los botones de las Redes Sociales en un costado lateral de nuestro blog, con lo que ahorramos espacio y será del agrado de los visitantes.

La instalación es muy facil y rapida. Nos vamos a Diseño / Añadir un Gadget / HTML/JavaScript:

Un Clic en “Diseño ”

2-Clic en “Añadir un gadget”

3-Busca el widget que dice “HTML-Javascript” y ábrelo

4-Coloca el siguiente codigo en el interior

Despues de haber insertado el código, un clic en "Guardar"

Con lo que ahorramos espacio

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>

</div>