Botones "Facebook y Twitter" en cada entrada del blog



Pasos para colocar el botones de "Facebook y Twitter" al pie de cada entrada:


Paso 1. Ve a la pestaña Diseño y luego entra en Editor HMTL
Paso 2. Por seguridad haz una copia de la plantilla pulsando "Descargar plantilla completa"
Paso 3. Haz clic en Explandir plantilla de artilugios
Paso 4. Busca <b:include data='post' name='shareButtons'/> (usa el buscador del navagador) presiona ctrl + F para activarlo.
Paso 5. Pega justo debajo lo siguiente:


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&amp;action=like&amp;font=tahoma&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px'/>
<a class='twitter-share-button' data-dnt='true' data-lang='es' href='https://twitter.com/share'>Twittear</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>


Paso 6. Guarda la plantilla y visualiza el Blog

Si te fijas hemos asociado esta funcionalidad a que estén los botones de compartir visibles. Puedes ir jugando con el fragmento de código hasta situarlo en el posición que más creas conveniente.

Puedes variar el aspecto del botón gracias al parámetro layout. Los posibles valores son:standard, button_count o box_count. En función del tipo de Layout que elijas es posible que tengas que variar el ancho (width) y el alto (height). Mas información en la página de desarrolladores de Facebook

No hay comentarios :

Publicar un comentario

Entradas populares