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='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + 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 "
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.
