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.
Super… Muchas gracias!!!
Ya pude hacer que funcionara en mi blog!
thanks. my web site
Gracias por la informacion, espero usarlo ya que puede resultar de gran ayuda
Saludos
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
Gracias por este pequeño “tutorial”. Lo he probado y funciona sin problemas. Un Saludo.
segui todos los pasos y no me funciono, q bien
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
Gracias
Jajaja es perfecto es justo la herramienta que buscaba gracias!!!
Lo puse y supuesta mente funciona perfecto pero no
Tendrá que ver con que puse SonoWebs en la plantilla
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.
al final he puesto otra solución que dais tambien en la pagina y creo que ha quedado bastante bien
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.
muy buenos consejos los que usualmente encuentro aqui…. No tienen buscador en su pagina y busco algunos tutoriales para tumblr….No saben algo?
Que tal, creo que soy al unico que no le sale :S esque no encuentro el codigo, alguna ayuda?
Ya lo solucione, tube que cambiar de platilla
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
hola, existe alguna forma de agregar marcadores en español al share this?
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.
@André, tienes expandido los artilugios en el código?
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&type=blogger&buttonText=Compartir"
;</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
Excelente, muchas gracias!