sanmen1593
Lambda
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
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:
