domingo, 18 de septiembre de 2011

Cómo instalar el botón Send o Enviar de Facebook en Blogger


Con el botón Send o Enviar podemos enviar información, por ejemplo este post, a los amigos de Facebook que uno elija en forma privada, en lugar de compartirlo en el muro a la vista de todos.

Pueden ir directo a la página: Facebook Send Button o colocar el código de mas abajo.

Ir a Diseño (vieja interfaz) o Plantilla (nueva interfaz), Edición de HTML.

Pueden colocarlo abajo de:

<div class='post-body entry-content'>

Poner el siguiente código:

<span id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/es_ES/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<span class='fb-send' expr:data-href='data:post.url' style='border:0;'/>

Si solo se quiere mostrar el botón en las entradas individuales y no en la página principal, hay que poner el código dentro de condicionales:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Aquí va el código del botón -->
<!-- Se muestra solo en las entradas -->

</b:if>

Ejemplo:

No hay comentarios:

Publicar un comentario