26/11/14

Botonera redes sociales para compartir posts

Se pueden cambiar los iconos de redes sociales para compartir, de las entradas, por otros más vistosos.

Lo primero que tenéis que hacer es ir a

Diseño - Elementos de página - Editar (entradas blog)

y retirar la marca en mostrar botones sociales.



Desmarcamos la opción de botones sociales :


Guardamos, y tenemos la primera parte hecha.
Ahora tenemos que poner la otra botonera.

Primero vamos a Plantilla - Editar Html


Hacemos una copia de seguridad, como siempre que tengamos que tocar la plantilla.


Ahora le damos al mismo tiempo a Ctrl + F para abrir el buscador dentro de la plantilla.


Buscamos la siguiente línea y ponemos debajo el código:

  <div class='post-footer-line post-footer-line-1'>

o si queremos colocar los botones al inicio del post :

  <div class='post-header-line-1'/>

Código:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcddcb73e3ba0d2"></script>
<!-- AddThis Button END -->

Si prefieres eses otros:


Código:

<!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcde18b394a19ad"></script><!-- AddThis Button END -->
Guardar y listo :)

No hay comentarios:

Publicar un comentario