Hemos publicado a lo largo de casi 5 años un sin número de botones para compartir, de todos los tipos para todos los gustos, siendo el pack que vamos a compartir es con la particularidad que lo vamos a ubicar debajo del titulo de las entradas, además de ser uno de los más sencillos y fáciles de añadir, pues son botones sencillos pero muy funcionales que cumplen muy bien su función sin recargar tu blog.

Agregar Botones para compartir debajo del titulo de la entrada en Blogger

Los botones se ven de la siguiente manera:

botones-sociales

Para agregar estos botones a tu blog solo debes ir a Plantilla, Editar HTML y buscar el siguiente código:

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

Ahora agrega justo debajo de la anterior etiqueta el siguiente código:

<b:if cond='data:blog.pageType == "item"'>
<div style='clear:both;'></div>
<br/>
<!--Facebook-->
<div style='float:right;padding:4px;z-index:500;'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
<!--Twitter -->
<div style='float:right;padding:4px;z-index:500;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='@Tu_usuario' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<!-- Google +1 -->
<div style='float:right;padding:4px;z-index:500;'><div class="g-plusone" data-size="medium"></div></div>
<!-- Facebook Like -->
<div style='float:right;padding:4px;z-index:500;'><div class="fb-like" data-width="150" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div></div>
</b:if>

Ahora solo queda guardar los cambios y disfrutar de los marcadores sociales que facilitarán a tus lectores la tarea de compartir contenido en sus redes sociales.


0 comentarios

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *