Tutorial: Cómo agregar botones de redes sociales en Blogger

sanmen1593 Seguir

Lambda
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
17 Dic 2010
Mensajes
2.935
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:

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:

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
12.385
Tutorial aprobado y agregado al listado de tutoriales.
 

Flix

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
19 Nov 2012
Mensajes
322
@sanmen se podría hacer algo parecido en wordpress para no usar plugins?
 

sanmen1593

Lambda
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
17 Dic 2010
Mensajes
2.935
@sanmen se podría hacer algo parecido en wordpress para no usar plugins?

Pues es tan fácil como editar el single-post.php (o como se llame el archivo de las entradas en wordpress) y buscar donde ponerlo. Lo ideal es antes de la info del autor y categorías.
 
Arriba