- Desde
- 17 Dic 2010
- Mensajes
- 2.939
Hola betas. He visto varios tutoriales para botones sociales en blogger, pero la verdad no todos me ha terminado de gustar por algunas razones y bueno... Este que comparto en especial permite que cuando alguien twittee algo desde el botón, ponga al final "vía @tuusuario".
Explicarles un poco:
Botón share facebook: Comparte la entrada en su perfil. Muy bueno para tener mas interacción social.
Botón twittear: Comparte en twitter y coloca al final "Vía @Tu_usuario"
Botón google+1: Simplemente dar un +1 a la url
Botón facebook like: Darle like a la url. Es bueno poner tanto share como like
Y obviamente un condicional para que solo salga al final de las entradas y que no aparezca en la home o demás páginas.
Deben buscar el siguiente código:
Y pegar justo después:
Por lo menos en la plantilla que yo uso, encontré varias veces el primer código a buscar. Solo es cuestión de probar en cual aparece y se ve bien estéticamente.
Pd. Recuerden cambiar donde dice @Tu_Usuario por su arroba en twitter
Saludos y espero les sea de utilidad. :encouragement:
Explicarles un poco:
Botón share facebook: Comparte la entrada en su perfil. Muy bueno para tener mas interacción social.
Botón twittear: Comparte en twitter y coloca al final "Vía @Tu_usuario"
Botón google+1: Simplemente dar un +1 a la url
Botón facebook like: Darle like a la url. Es bueno poner tanto share como like
Y obviamente un condicional para que solo salga al final de las entradas y que no aparezca en la home o demás páginas.
Deben buscar el siguiente código:
Insertar CODE, HTML o PHP:
<data:post.body/>Y pegar justo después:
Insertar CODE, HTML o PHP:
<b:if cond='data:blog.pageType == "item"'>
<div style='clear:both;'></div>
<br/>
<!--Facebook-->
<div style='float:right;padding:4px;z-index:500;'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
<!--Twitter -->
<div style='float:right;padding:4px;z-index:500;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='@[COLOR=#ff0000]Tu_usuario[/COLOR]' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<!-- Google +1 -->
<div style='float:right;padding:4px;z-index:500;'><div class="g-plusone" data-size="medium"></div></div>
<!-- Facebook Like -->
<div style='float:right;padding:4px;z-index:500;'><div class="fb-like" data-width="150" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div></div>
</b:if>Por lo menos en la plantilla que yo uso, encontré varias veces el primer código a buscar. Solo es cuestión de probar en cual aparece y se ve bien estéticamente.
Pd. Recuerden cambiar donde dice @Tu_Usuario por su arroba en twitter
Saludos y espero les sea de utilidad. :encouragement:
Última edición:
