RSS
  • Inicio
  • Sobre Mi
  • Blogger Invitado
  • Suscribirse a Lo Globalizo
  • Contacto

Integrar "Share This" a Blogger

by Francisco | 8 comentarios
Share This es un script que nos permite compartir nuestros artículos Vía Email, Facebook, Twitter, Google Buzz, Blogger, MySpace, Digg, AIM Share, Stumbleupon, Messenger, por mencionar algunos.

Si bien ustedes lo pueden configurar a su gusto ingresando en el Sitio Oficial de Share This, yo les quiero enseñar a incluir el código que nos brinda a Blogger.

El resultado visible al final del cada post sería como muestra la siguiente imágen.


En donde se muestran los botones principales de Twitter, Facebook y Email. Y cuando el lector quiere ver más opciones para compartir e ingresa en "Share" se mostraría el siguiente cuadro con las demás opciones.


[1] En Blogger nos dirigimos a Diseño | Edición de HTML y con los artilugios expandidos localizamos el siguiente código.

<div class='post-footer-line post-footer-line-3'>


[2] Justo debajo del código anterior pegamos el siguiente código. 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
</b:if>


Para los que no sepan, los códigos que marqué en color rojo permiten que estos botones estén ocultos en página principal y sólo sean visibles cuando el lector ingresa a un artículo en particular.

[3] Ahora guardamos los cambios y ya tendríamos disponible "Share This" al final de cada entrada.

Si has encontrado útil este artículo puedes compartirlo desde tu blog, página Web o foro.



" />



Entradas, Trucos Facebook, Trucos Twitter


8 comentarios:

Matias L. dijo...

Muy bueno ya lo puse en marcha en mi blog ya que lo tenia al principio pero no me gustaba!!!

Saludos francisco

5 de marzo de 2011, 21:04
Francisco dijo...

Me alegro Matii ... es muy grato tenerte como lector en este Blog, siempre fiel.

Gracias por tus reiteradas visitas y veo que tu blog está progresando mucho.

Un abrazo y eres siempre bienvenido!

5 de marzo de 2011, 21:29
Eneri dijo...

Hola Francisco! Qué tal? Estoy de nuevo por aqui!! Hoy he tenido un susto increíble. De repente desapareció mi plantilla y menos mal que había hecho ayer una copia de seguridad pero ahora todos los códigos html que había cambiado, se han borrado. Supongo que ha sido al intentar instalar de nuevo la plantilla. Asi que lo que había puesto de facebook y twitter ha desaparecido y he visto este otro que me gusta más pero no me deja instalarlo. Me dice que no se puede analizar mi plantilla. ¿Será que tengo demasiadas cosas puestas a pie de página? Porfi, necesito tu ayuda!! Gracias!!

1 de abril de 2011, 8:43
Francisco dijo...

Eneri, había colocado un código de más. Posiblemente por eso no te dejaba guardar la plantilla.

Prueba de nuevo y cualquier duda me avisas ok.-

1 de abril de 2011, 10:10
Eneri dijo...

Muchas gracias Francisco, ahora funciona a la perfección!!! Una cosita, hay manera de que se quede centrado?

4 de abril de 2011, 15:50
Eneri dijo...

Hola Francisco! Creo que ya he encontrado la manera de que quede centrado. Había que cambiar la palabra 'right' por 'center' verdad? Queda muy chulo, muchas gracias!!

5 de abril de 2011, 4:19
Francisco dijo...

Hola Eneri, disculpa las demoras en responder, ayer no pude conectarme debido a que estoy con problemas en mi PC. Es correcto lo que planteas, right es a la derecha, center es centrado y left a la izquierda.

De paso te vas familiarizando con los códigos.

Saludos!

5 de abril de 2011, 9:07
Anónimo dijo...

Gracias francisco exelente blog desde cuando estaba buscando este tipo de botones gracias por tu ayuda 5 estrellas para el blog SURTE.. :)

23 de julio de 2012, 16:44

Publicar un comentario

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja tu nombre y la dirección del mismo.

MANUAL BLOGGER BETA 2011 GRATIS!!

SEGUIDORES

TODO TRUCOS

Trucos Facebook Trucos Gmail Trucos Google Trucos Microsoft Office Trucos Technorati Trucos Twitter Trucos Windows Trucos Youtube

DIRECTORIO

Adsense Alojamiento / Hosting Comentarios Consejos Dinero en Internet. Diseño Enlaces/Links Entradas Etiquetas Feedburner/RSS Flash Gadgets HTML Iconos Sociales Imágenes Información General JavaScript Menús Navidad Plantilla Premios Programas Páginas Estáticas SEO/Posicionamiento Tecnología Temas Básicos Utilidades Blogger

SEGUINOS EN FACEBOOK

Blogs Recomendados

  • Descargo a Full
    Manual De Evaluacion De Impacto Ambiental Larry W. Canter
    Hace 7 años
  • Federico 2.0
Copyright © 2010 Lo Globalizo | Acerca de | Política de Privacidad | Contacto Blogger Credits For