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='"http://twitter.com/share?text=" + data:post.title + "&url=" + data:post.url + "&via=tucuenta&related=turecomendacion"'/><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=61&action=like&font=tahoma&colorscheme=light"' 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 == "item"'> y finalizarlo con </b:if>
Si has encontrado útil este artículo puedes compartirlo desde tu blog, página Web o foro.
9 comentarios:
Muy bueno Francisco ya veo si lo pongo en uso para mi blog!!
Saludos!!
Estoy seguro que te va a dar grandes resultados!
Saludos Matii!
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!!
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!
Ay si, perdón por no avisarte, conseguí ponerlos bien toqueteando por ahí jeje están genial, muchas gracias por la info!! Saludos
Muchas gracias he visto muchos tutoriales y ninguno lo explica tan bien como tu
gracias ;)
Muchas gracias Kaori por tu visita y por tu elogio!
Visitame cuando quieras.
Saludos!
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. =)
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!
Publicar un comentario
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja tu nombre y la dirección del mismo.