Integrar Share This 2.0 a Blogger

Noviembre 12th, 2007 | Publicado por Francisco en Blogger, Web 2.0 | 29 Comentarios

Como lo mencionaba en una entrada anterior, Share This es un script que permite agregar los enlaces para marcación de favoritos y el envío por mail y otros servicios de redes sociales y que ahora permite su integración con Blogger.

Como el script solo se muestra una sola vez por página, su mayor utilidad es incluirlo en la página individual de cada entrada de esta forma:

Entra al sitio oficial de share this, sigue los 3 pasos para configurar el script y genera el código dando clic en el botón “Get Share This Code”.El código generado es similar al siguiente:

<script type="text/javascript" src="http://w.sharethis.com/widget/?tabs=web%2Cemail&charset=utf-8&services=facebook%2Cdigg%2Cstumbleupon%2Cdelicious%2Creddit%2Cblinklist%2Cnewsvine%2Cfurl%2Ctailrank%2Cmagnolia&style=default&publisher=d7ab91b0-972b-4bd1-b982-0eb5b1886952"></script>

Transforma el código a su equivalente en caracteres html. Puedes usas algún convertidor en linea o un software de escritorio.
En blogger, entra a la pestaña “Plantilla”, opción “Edición HTML” y activa el botón “Expandir plantillas de artilugios” (importante).
Busca el siguiente código:
```
<p class='post-footer-line post-footer-line-3'/>
```
Nota: Sino lo encuentras, búscalo sin la diagonal final “/”.

Justo después pega el código de share this ya transformado siguiendo este esquema:

<b:if cond='data:blog.pageType == "item"'>

<!-- Aquí el código de share this -->

</b:if>

Guarda y ya tendrás funcionando el script en todas las páginas individuales justo al píe del contenido.

Desgraciadamente tiene las mismas desventajas que en Wordpress, no se incluyen marcadores sociales en español (meneame, fresqui, webeame, etc) y el script es un poco tardado al cargar. Por otro lado, incorpora la característica de poder enviar una entrada por correo o a algún contacto de nuestra red social, que no era posible sin un servicio externo como este.

Respuestas

Feed | Dirección de Trackback

Gabriel Porras:

Noviembre 12th, 2007 a las 10:25 am (#)

Super… Muchas gracias!!!
Ya pude hacer que funcionara en mi blog!
tek türkiye:

Noviembre 12th, 2007 a las 11:02 am (#)

thanks. my web site
Luis:

Noviembre 12th, 2007 a las 1:35 pm (#)

Gracias por la informacion, espero usarlo ya que puede resultar de gran ayuda

Saludos
DELA+:

Noviembre 12th, 2007 a las 2:45 pm (#)

muchas gracias, estuve con este problema todo el fin de semana.

pero acabo de probarlo en el explorer y da problemas en la visualización (un poco mas de la mitad de mis visitantes lo usan)

fuera de eso, un agradecido abrazo
Davipv:

Noviembre 12th, 2007 a las 5:09 pm (#)

Gracias por este pequeño “tutorial”. Lo he probado y funciona sin problemas. Un Saludo.
kid joe:

Noviembre 12th, 2007 a las 9:10 pm (#)

segui todos los pasos y no me funciono, q bien
esteban:

Noviembre 12th, 2007 a las 10:25 pm (#)

y como lo puedo implementar como lo tienen ustedes debajo de categoria??? por que ami me aparece solamente cuando abris un post..yo quiero q se vea siempre

saludos
N3ri:

Noviembre 13th, 2007 a las 6:12 am (#)

Gracias
webmasterxotro:

Noviembre 14th, 2007 a las 7:17 pm (#)

Jajaja es perfecto es justo la herramienta que buscaba gracias!!!
sbg:

Noviembre 15th, 2007 a las 8:48 pm (#)

Lo puse y supuesta mente funciona perfecto pero no
Tendrá que ver con que puse SonoWebs en la plantilla
Francisco:

Noviembre 18th, 2007 a las 4:49 pm (#)

Hola!

Como mencionan, tiene algunos detallitos aun el script, pero bueno, creo que las ventajas son superiores a las destajas.

esteban, este en particular solo funciona correctamente en la página individual del post, si quieres verlo en todo momento puedes ponerlos iconos manualmente.

sbg, no se afecta uno con otro, pero tal vez aparezcan muy pegados, lo que se puede hacer es que en vez de poner el script en post-footer-line-3 hacerlo en post-footer-line-2.

Saludos!
Brubaker:

Noviembre 19th, 2007 a las 10:20 am (#)

Hola muchas gracias por la ayuda, aunque yo lo he probado en mi blog y en firefox funciona genial pero en explorer cuando pinchas en un post sale todo el lado izquierdo del blog apiñado, y al final he decidido quitarlo. No se si esto le pasara ha alguien mas (IE6), ¿alguien sabe como solucionarlo?
garraxxi:

Noviembre 20th, 2007 a las 9:22 am (#)

Lo incluí con la plantilla Blogy-Styleicious pero algunos elementos de esta se le superponen por lo que no puede visualizarse toda.

Cómo puedo corregir esto?

Gracias!!
Francisco:

Noviembre 23rd, 2007 a las 12:17 am (#)

Brubaker, como es un script externo no hay mucho que se pueda hacer.

garraxxi, puedes usar la recomendación en mi comentario anterior dirigido a sbg.
Brubaker:

Noviembre 23rd, 2007 a las 4:15 pm (#)

al final he puesto otra solución que dais tambien en la pagina y creo que ha quedado bastante bien
carola:

Diciembre 28th, 2007 a las 3:58 pm (#)

hola ,

estube probando esta herramienta pero no he podido hacer que funcione, no la visualizo en mi web… sera que soy usuaria mac y utilizo safari ???

ayuda

gracias, excelente pagina by the way
Francisco:

Diciembre 31st, 2007 a las 1:36 am (#)

carola, no creo que eso influya, más bien dependerá si tienes activado javascript, aunque bueno, lo más probable es que si. También tienes que ver esta opción solo saldrá en la página individual de cada post y no en la página principal, archivo y etiquetas.
Jorged:

Febrero 21st, 2008 a las 11:57 pm (#)

muy buenos consejos los que usualmente encuentro aqui…. No tienen buscador en su pagina y busco algunos tutoriales para tumblr….No saben algo?
Ricardo:

Febrero 27th, 2008 a las 2:59 am (#)

Que tal, creo que soy al unico que no le sale :S esque no encuentro el codigo, alguna ayuda?
Ricardo:

Febrero 28th, 2008 a las 2:05 pm (#)

Ya lo solucione, tube que cambiar de platilla
Mark Les Paul:

Marzo 3rd, 2008 a las 11:25 am (#)

Buenas.

Desde hace un tiempo que sigo Blog and Web y me ha sido muy util para mi Blog. Muchas Gracias a Uds. por eso

Para lo que decía esteban (que aparezca debajo de categoría), lo puse al final de ‘post-footer-line post-footer-line-2′ y omití los “ ” antes y depués del código de Share this.

Acá una imagen en donde se aprecia mejor lo que digo: http://img90.imageshack.us/my.php?image=capturadp1.jpg

El resultado, pueden verlo en mi blog.

Saludos y éxito
Mark Les Paul:

Marzo 3rd, 2008 a las 12:58 pm (#)

Ups!… un “pequeño” problema que noté, es que -si bien aparece debajo de las etiquetas- al pinchar en “Share this” no comparte la entrada, sino la dirección del Blog (página principal).

Saludos y éxitos.
Francisco:

Marzo 4th, 2008 a las 8:06 pm (#)

Jorged, agregado

Ricardo, a bueno.

Mark, comprueba si configuraste bien el script desde sharethis.
Jaime:

Marzo 25th, 2008 a las 2:23 am (#)

Hola, tengo un problema, y esque no encuentro ésta línea:

He leído antes que un usuario lo solucionó cambiando de theme. Cómo puedo incorporarlo sin llegar a este extremo? No se ya por dónde seguir buscando…

variopoint.blogspot.com

Un saludo
alejandro:

Julio 24th, 2008 a las 1:34 pm (#)

hola, existe alguna forma de agregar marcadores en español al share this?

Trackbacks

Esta lista SÍ es la buena: 100 tips, trucos, hacks, howtos, formas de… ¡whatever! | Blog en Serio en Enero 25, 2008 a las 5:44 pm

Lista de 50 trucos para tu blog. Wordpress « Asi.com.ve en Marzo 01, 2008 a las 1:07 pm

50 trucos para Wordpress y 50 trucos para blogger | Pichicola.com en Agosto 28, 2008 a las 6:05 pm

50 trucos para Blogger | RFD Internet en Agosto 31, 2008 a las 6:46 am

Deja tu comentario

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios no estén fuera tema, no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán eliminados. Recuerda que puedes usar nuestro foro para otros temas y preguntas.

Gabriel Porras:

Noviembre 12th, 2007 a las 10:25 am (#)

Super… Muchas gracias!!!
Ya pude hacer que funcionara en mi blog!

tek türkiye:

Noviembre 12th, 2007 a las 11:02 am (#)

thanks. my web site

Luis:

Noviembre 12th, 2007 a las 1:35 pm (#)

Gracias por la informacion, espero usarlo ya que puede resultar de gran ayuda

Saludos

DELA+:

Noviembre 12th, 2007 a las 2:45 pm (#)

muchas gracias, estuve con este problema todo el fin de semana.

pero acabo de probarlo en el explorer y da problemas en la visualización (un poco mas de la mitad de mis visitantes lo usan)

fuera de eso, un agradecido abrazo

Davipv:

Noviembre 12th, 2007 a las 5:09 pm (#)

Gracias por este pequeño “tutorial”. Lo he probado y funciona sin problemas. Un Saludo.

kid joe:

Noviembre 12th, 2007 a las 9:10 pm (#)

segui todos los pasos y no me funciono, q bien

esteban:

Noviembre 12th, 2007 a las 10:25 pm (#)

y como lo puedo implementar como lo tienen ustedes debajo de categoria??? por que ami me aparece solamente cuando abris un post..yo quiero q se vea siempre

saludos

N3ri:

Noviembre 13th, 2007 a las 6:12 am (#)

Gracias

webmasterxotro:

Noviembre 14th, 2007 a las 7:17 pm (#)

Jajaja es perfecto es justo la herramienta que buscaba gracias!!!

sbg:

Noviembre 15th, 2007 a las 8:48 pm (#)

Lo puse y supuesta mente funciona perfecto pero no
Tendrá que ver con que puse SonoWebs en la plantilla

Francisco:

Noviembre 18th, 2007 a las 4:49 pm (#)

Hola!

Como mencionan, tiene algunos detallitos aun el script, pero bueno, creo que las ventajas son superiores a las destajas.

esteban, este en particular solo funciona correctamente en la página individual del post, si quieres verlo en todo momento puedes ponerlos iconos manualmente.

sbg, no se afecta uno con otro, pero tal vez aparezcan muy pegados, lo que se puede hacer es que en vez de poner el script en post-footer-line-3 hacerlo en post-footer-line-2.

Saludos!

Brubaker:

Noviembre 19th, 2007 a las 10:20 am (#)

Hola muchas gracias por la ayuda, aunque yo lo he probado en mi blog y en firefox funciona genial pero en explorer cuando pinchas en un post sale todo el lado izquierdo del blog apiñado, y al final he decidido quitarlo. No se si esto le pasara ha alguien mas (IE6), ¿alguien sabe como solucionarlo?

garraxxi:

Noviembre 20th, 2007 a las 9:22 am (#)

Lo incluí con la plantilla Blogy-Styleicious pero algunos elementos de esta se le superponen por lo que no puede visualizarse toda.

Cómo puedo corregir esto?

Gracias!!

Noviembre 23rd, 2007 a las 12:17 am (#)

Brubaker, como es un script externo no hay mucho que se pueda hacer.

garraxxi, puedes usar la recomendación en mi comentario anterior dirigido a sbg.

Noviembre 23rd, 2007 a las 4:15 pm (#)

al final he puesto otra solución que dais tambien en la pagina y creo que ha quedado bastante bien

carola:

Diciembre 28th, 2007 a las 3:58 pm (#)

hola ,

estube probando esta herramienta pero no he podido hacer que funcione, no la visualizo en mi web… sera que soy usuaria mac y utilizo safari ???

ayuda

gracias, excelente pagina by the way

Diciembre 31st, 2007 a las 1:36 am (#)

carola, no creo que eso influya, más bien dependerá si tienes activado javascript, aunque bueno, lo más probable es que si. También tienes que ver esta opción solo saldrá en la página individual de cada post y no en la página principal, archivo y etiquetas.

Jorged:

Febrero 21st, 2008 a las 11:57 pm (#)

muy buenos consejos los que usualmente encuentro aqui…. No tienen buscador en su pagina y busco algunos tutoriales para tumblr….No saben algo?

Ricardo:

Febrero 27th, 2008 a las 2:59 am (#)

Que tal, creo que soy al unico que no le sale :S esque no encuentro el codigo, alguna ayuda?

Febrero 28th, 2008 a las 2:05 pm (#)

Ya lo solucione, tube que cambiar de platilla

Mark Les Paul:

Marzo 3rd, 2008 a las 11:25 am (#)

Buenas.

Desde hace un tiempo que sigo Blog and Web y me ha sido muy util para mi Blog. Muchas Gracias a Uds. por eso

Para lo que decía esteban (que aparezca debajo de categoría), lo puse al final de ‘post-footer-line post-footer-line-2′ y omití los “ ” antes y depués del código de Share this.

Acá una imagen en donde se aprecia mejor lo que digo: http://img90.imageshack.us/my.php?image=capturadp1.jpg

El resultado, pueden verlo en mi blog.

Saludos y éxito

Marzo 3rd, 2008 a las 12:58 pm (#)

Ups!… un “pequeño” problema que noté, es que -si bien aparece debajo de las etiquetas- al pinchar en “Share this” no comparte la entrada, sino la dirección del Blog (página principal).

Saludos y éxitos.

Marzo 4th, 2008 a las 8:06 pm (#)

Jorged, agregado

Ricardo, a bueno.

Mark, comprueba si configuraste bien el script desde sharethis.

Jaime:

Marzo 25th, 2008 a las 2:23 am (#)

Hola, tengo un problema, y esque no encuentro ésta línea:

He leído antes que un usuario lo solucionó cambiando de theme. Cómo puedo incorporarlo sin llegar a este extremo? No se ya por dónde seguir buscando…

variopoint.blogspot.com

Un saludo

alejandro:

Julio 24th, 2008 a las 1:34 pm (#)

hola, existe alguna forma de agregar marcadores en español al share this?

Blog and Web