Agregar Compatir en Facebook en Blogger Comparte este enlace en Facebook Comparte este enlace en Twitter

Para colocar un link que permita compartir una página en Facebook, hay que colocar una etiqueta de hipervínculo que traspasa dos variables: la URL y el título de la misma.

si url_pagina = URL de la página y titulo_pagina = título de la página

Esta etiqueta quedaría más o menos así:

<a href="http://www.facebook.com/share.php?u=url_pagina&title=titulo_pagina">titulo_pagina</a>

Ya sea que nuestro sitio sea estático o dinámico, es fácil construir esta etiqueta. Pero en el caso de un blog hay que saber como pasarle los parámetros a la plantilla. Investigando encontre como:

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Compartir en Facebook'><img Style='border: 0px;margin: 0 0 0 10px;' alt='Compartir en Facebook' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOafcNLyKbnwCrco3-L42s9RJS3TVPyVnRmgCE-Rk6GJqmEkUoZEUdD3nnAh-Mn7L7Om4hHxXU5VoZwKoU-fEMwm9a1bWnsBnfSBgdn2dkUt_y72I9X27fM7ilCB7p58605KCuGg/s400/icono_facebook.jpg' width='25'/></a>

La escencia de esta etiqueta es que se le están traspasando variables.

data:post.url = es la manera en que Blogger recupera las URLs de las entradas

y

data:post.title = es la manera en que se recupera el título de una entrada

y para construir un hipervínculo se utiliza

expr:href='url'

La dirección que se quiera conectar va entre comillas simples

En condiciones normales para conectar entradas del blog esto queda así:

expr:href='data:post.url'

Pero como nosotros queremos conectar a pasarle la url http://www.facebook.com/share.php junto son los parámetros u y title o sea http://www.facebook.com/share.php?u=url_pagina&title=titulo_pagina

Para ellos construimos esta URL en forma similar a como se concatenan variables y cadenas en JavaScript, o sea:

"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title

El símbolo + sirve para concatenar. Las cadenas van entre comillas ( " )

Como esto al final va entre comillas simples ( ' ), hay que reemplazar las comillas dobles, por su equivalente en código HTML que es &quot

La imagen para el Hipervínculo

Si deseamos usar una imagen como hipervínculo, la podemos alojar en cualquier servidor, inlcluido subirla al mismo blogger. En mi caso la imagen que está más abajo, la inscrusté en esta misma entrada para ocuparla en mis diferentes Blogs.



La Url de esta imagen está indicada más arriba en el código completo para hacer el hipervínculo a facebook. La dejo aquí por si alguien la quiere utilizar.