Blogger Web 2.0

Integrar Share This 2.0 a Blogger

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.

share-this.jpg

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.

Deja un comentario

37 Comentarios

  • 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

  • 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

  • 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!

  • 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?

  • 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!!

  • 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.

  • 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

  • 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.

  • […] Integrar el script Share This (Compártelo) […]

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

  • […] Integrar el script Share This (Compártelo) […]

  • 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 😀

  • 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.

  • Jorged, agregado 😉

    Ricardo, a bueno.

    Mark, comprueba si configuraste bien el script desde sharethis.

  • 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

  • […] Integrar el script Share This (Compártelo) […]

  • 100 trucos, tips, recuros para WordPress y Blogger | Nalass » Blog que comparte TODO sobre las Tendencias en la Internet dice:

    […] Integrar el script Share This (Compártelo) […]

  • Hola, pues a mi no me funciona, hice todo, paso a paso pero al momento de abrir el blog no aparece nada alguien me puede ayudar? yo quiero que aparezca el share al final de todos mis posts…

  • Hola todos.

    Tengo un problema. no encuentro el <p class='post….

    lo que encuentro es el <div clss='…

    y creo que debido a ésto no puedo ponerlo nisiquiera en "manual" (como dijo Francisco)

    intente ver hasta borrando las "" como dijo Mark
    pero ya están borradas.

    no entiendo, no sé que más hacer.
    si alguien me ayuda por favor

    gracias.

  • Francisco, felicitaciones por el sitio y muy bueno el dato que has dado. Comparto mi experiencia tratando de aplicarlo.

    Tampoco pude encontrar el código citado porque en mi plantilla no existe, así que me dediqué a buscar este otro, que sí encontré

    también puede estar como

    Entonces lo que hice fue agregar el siguiente código justo después de la instrucción (del mismo tipo) que termina en

    <script type="text/javascript">var _sttoolbar = {}</script><script type="text/javascript" src="http://www.dominio.com/script/stblogger.js"></script><script type="text/javascript">stBlogger.init("http://w.sharethis.com/button/sharethis.js#publisher=1850c89d-4f08-42b5-812a-7db197907a48&amp;type=blogger&amp;buttonText=Compartir&quot;);</script>

    También tenía el problema del “ShareThis” en inglés, por lo que tomé el javascript y le edité lo siguiente

    ShareThis

    cambiando ‘ShareThis’ por ‘Compartir’, en mi caso. Luego alojé el script editado en un host y redireccioné desde el script original quedando como lo puse más arriba.

    Funciona de pelos en Firefox, pero tampoco me funciona en Explorer. ¿Alguien se anima con una instrucción para remediar esto?

    muchas gracias

  • […] tenis así que quise hacer un homenaje, ¿Por qué no un paquete social?. Son iconos para RSS, Share This, Twitter, Digg y Delicious en tres tamaños distintos y formato PNG24.DescargarDescargar Converse […]

  • A mi tampoco me funciona. Lo he probado una y otra vez, y aunque sigo todas las intrucciones, la plantilla no refleja los botones.