Tutorial: Botones Share, Twittear, Like y +1 en Blogger

sanmen1593

Lambda
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
17 Dic 2010
Mensajes
2.917
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
Verificado con videollamada
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Desde
6 Abr 2009
Mensajes
4.387
Tutorial aprobado y agregado al listado de tutoriales.
 

Flix

Gamma
Verificación en dos pasos desactivada
Desde
19 Nov 2012
Mensajes
322
@sanmen se podría hacer algo parecido en wordpress para no usar plugins?
 

Varian

Delta
Verificación en dos pasos desactivada
Desde
16 Sep 2012
Mensajes
502
Justo lo que buscaba, muchas gracias!
 

sanmen1593

Lambda
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
17 Dic 2010
Mensajes
2.917
@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.
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba