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

Boton de Twitter y Me gusta en Blogger (Contador)

by Francisco | 9 comentarios
Esta es una entrada muy simple pero que nos puede traer excelentes resutados, estoy hablando de Colocar al final de cada entrada un Contador, tanto de Twitter como de Facebook. 

Como les decía, una manera sencilla de medir el impacto que generan nuestros artículos. Mira la imágen a continuación asi ves el resultado final.


[1] Como siempre (antes de hacer nada) descargamos la Plantilla actual por las dudas, luego 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 de él pegamos el siguiente código:

<a class='twitter-share-button' data-count='vertical' data-lang='es' expr:href='&quot;http://twitter.com/share?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=tucuenta&amp;related=turecomendacion&quot;'/><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=73&amp;height=61&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:61px'/>


Te recuerdo que si tienes incorporado en tu plantilla la función de "Leer Más", para evitar que se vea en la página principal deberás comenzar el código anterior con <b:if cond='data:blog.pageType == &quot;item&quot;'> y finalizarlo con </b:if>

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





Trucos Facebook, Trucos Twitter


9 comentarios:

Matias L. dijo...

Muy bueno Francisco ya veo si lo pongo en uso para mi blog!!

Saludos!!

23 de enero de 2011, 15:51
Francisco dijo...

Estoy seguro que te va a dar grandes resultados!

Saludos Matii!

23 de enero de 2011, 16:57
Eneri dijo...

Hola Francisco, esta genial este truco! Funciona muy bien, pero quería preguntarte...tengo puesto también 'guardar en pdf' y me gustaría colocar los botones twitter y facebook debajo, no a su lado, ¿sabrías cómo sería?? Muchas gracias!!

30 de marzo de 2011, 7:41
Francisco dijo...

Hola Eneri, perdon por la respuesta tarde, recién veo los mensajes. Ahí ingresé en tu blog y veo que lo pudiste solucionar, por cierto me gustó como quedaron.-

Saludos!

30 de marzo de 2011, 23:47
Eneri dijo...

Ay si, perdón por no avisarte, conseguí ponerlos bien toqueteando por ahí jeje están genial, muchas gracias por la info!! Saludos

1 de abril de 2011, 6:33
Unknown dijo...

Muchas gracias he visto muchos tutoriales y ninguno lo explica tan bien como tu
gracias ;)

29 de abril de 2011, 22:17
Francisco dijo...

Muchas gracias Kaori por tu visita y por tu elogio!

Visitame cuando quieras.

Saludos!

30 de abril de 2011, 14:33
Panchito dijo...

Hola, gracias por el código. Quiero saber si hay otro código para que el contador de los 2 botones esté a la derecha y no arriba. Muy buen post. =)

28 de mayo de 2011, 20:11
Francisco dijo...

Hola Osukaru, la verdad que este código esta armado para que se muestren arriba los contadores.

Si ingresas en http://sharethis.com/publishers/get-sharing-button podrás seleccionar el estilo con los contadores a la derecha.

Espero te sirvan.

Cualquier duda que tengas ingresá en este post que tiene la explicacion de como hacerlo.

http://loglobalizo.blogspot.com/2011/03/integrar-share-this-blogger.html

Saludos!

28 de mayo de 2011, 20:23

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