nota automatica

viernes, 9 de marzo de 2012

Botones flotantes de redes sociales para compartir de AddThis.com (tamaño mediano)

Si los botones sociales flotantes anteriores te parecieron muy grandes. Entonces podrías probar este otro widget con botones de AddThis.com de tamaño mediano:


botones flotantes para blogger






Los pasos a seguir son similares al anterior:


1) Nos vamos a Blogger > Diseño > Edición de HTML.




2) Presionamos (Ctrl+f) y buscamos el siguiente código:


</head>


3) Ahora justo encima (ó antes) de ese código, pegamos lo siguiente:


<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>


4) Guarda los cambios de tu plantilla. Ahora debemos añadir un gadget.


Para ello nos vamos a Blogger > Elementos de la página > Añadir un gadget




5) Y dentro de la ventana, pegamos el siguiente código:


<div class="addthis_bar addthis_bar_vertical addthis_bar_medium" style="top:125px;left:-5px;">
     <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
         <span><a class="addthis_button_preferred_1"></a></span>
         <span><a class="addthis_button_preferred_2"></a></span>
         <span><a class="addthis_button_preferred_3"></a></span>
         <span><a class="addthis_button_preferred_4"></a></span>
         <span><a class="addthis_button_compact"></a></span>
     </div>
</div>


6) Si deseas cambiar el lugar de este gadget, entonces cambia la parte que está de color rojo y azul según tus gustos:


top:125px: Cambia el valor 125 por el valor que desees. Si aumentas más, el gadget se irá más abajo. Si disminuyes su valor, este se irá más arriba.


left:-5px: Cambia el valor -5px por el valor que desees. Si aumentas el valor, pero sin el   "-" (menos); por ejemplo, 6px el gadget se irá más a la derecha. Si por contrario disminuyes su valor; por ejemplo, -8px, entonces el gadget se pegará más al margen de la página.

botones sociales flotantes para blogger

7) Hecho los cambios respectivos, guardas los cambios del gadget y listo. Imprimir artículo

No hay comentarios:

Publicar un comentario

Mil Trucos Blogger