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:
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