English Português

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.

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Gabriel Porras / Hace 10 años /

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

      Responder a Gabriel Porras →
    2. tek türkiye / Hace 10 años /

      thanks. my web site

      Responder a tek türkiye →
    3. Luis / Hace 10 años /

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

      Saludos

      Responder a Luis →
    4. DELA+ / Hace 10 años /

      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

      Responder a DELA+ →
    5. Davipv / Hace 10 años /

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

      Responder a Davipv →
    6. kid joe / Hace 10 años /

      segui todos los pasos y no me funciono, q bien

      Responder a kid joe →
    7. esteban / Hace 10 años /

      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

      Responder a esteban →
    8. N3ri / Hace 10 años /

      Gracias 🙂

      Responder a N3ri →
    9. webmasterxotro / Hace 10 años /

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

      Responder a webmasterxotro →
    10. sbg / Hace 10 años /

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

      Responder a sbg →
    11. Francisco / Hace 10 años /

      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!

      Responder a Francisco →
    12. Brubaker / Hace 10 años /

      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?

      Responder a Brubaker →
    13. garraxxi / Hace 10 años /

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

      Responder a garraxxi →
    14. Francisco / Hace 10 años /

      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.

      Responder a Francisco →
    15. Brubaker / Hace 10 años /

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

      Responder a Brubaker →
    16. carola / Hace 10 años /

      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

      Responder a carola →
    17. Francisco / Hace 10 años /

      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.

      Responder a Francisco →
    18. Jorged / Hace 9 años /

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

      Responder a Jorged →
    19. Ricardo / Hace 9 años /

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

      Responder a Ricardo →
    20. Ricardo / Hace 9 años /

      Ya lo solucione, tube que cambiar de platilla 😆

      Responder a Ricardo →
    21. Mark Les Paul / Hace 9 años /

      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 😀

      Responder a Mark Les Paul →
    22. Mark Les Paul / Hace 9 años /

      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.

      Responder a Mark Les Paul →
    23. Francisco / Hace 9 años /

      Jorged, agregado 😉

      Ricardo, a bueno.

      Mark, comprueba si configuraste bien el script desde sharethis.

      Responder a Francisco →
    24. Jaime / Hace 9 años /

      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

      Responder a Jaime →
    25. alejandro / Hace 9 años /

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

      Responder a alejandro →
    26. Diego / Hace 8 años /

      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…

      Responder a Diego →
    27. André / Hace 8 años /

      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.

      Responder a André →
    28. Francisco / Hace 8 años /

      @André, tienes expandido los artilugios en el código?

      Responder a Francisco →
    29. Cristián / Hace 8 años /

      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

      Responder a Cristián →
    30. MongoStar / Hace 7 años /

      Excelente, muchas gracias!

      Responder a MongoStar →
    31. Fernando / Hace 4 años /

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

      Responder a Fernando →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad