Pasos para colocar el botones de "Facebook y Twitter" al pie de cada entrada:
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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark"' 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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</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