Con este truco, los visitantes de un blog podrán compartir en las redes sociales las entradas que más le interesen. Este tutorial muestra los botones por cortesía de GetShares al final de los posts (post-footer).
- Ubicación: plantilla
1. Buscar estas líneas </b:if><div class='post-footer-line post-footer-line-1'> y pegar encima el siguiente bloque. Tan solo hay que cambiar el nombre de usuario de Twitter en la parte negrita que dice "usuario". En verde se especifican las redes sociales para compartir los contenidos.
<!-- BOTONES SOCIALES GETSHARES -->
<div style='font-family: Arial; font-size: 11px; color: #555555; text-transform: uppercase; letter-spacing: 2px; text-align: center;'><br/>
Compartir</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='buttons'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'/>
<script src='http://cdn.getshar.es/lib/0.8.0.min.js' type='text/javascript'/>
<link href='http://cdn.getshar.es/lib/0.8.0.min.css' rel='stylesheet' type='text/css'/>
<style>#buttons{text-align:center; margin:10px auto;font-weight:normal;}</style>
<script type='text/javascript'>
(function(){
var settings;
settings = {
root: $("#buttons"),
counter: {
position: "inside"
},
share: {
url: "<data:post.canonicalUrl/>",
imageUrl: "<data:post.firstImageUrl/>",
message: "<data:post.title/>" + " <data:post.canonicalUrl/> Vía: @usuario"
}
};
new GetShare($.extend(settings, {network: "googleplus"}));
new GetShare($.extend(settings, {network: "twitter"}));
new GetShare($.extend(settings, {network: "facebook"}));
new GetShare($.extend(settings, {network: "linkedin"}));
new GetShare($.extend(settings, {network: "pinterest"}));
new GetShare($.extend(settings, {network: "pocket"}));
//Más redes en http://getshar.es/
}).call(this);
</script>
</b:if>
