Tutorial: Poner botón Twitter y Facebook en todas tus entradas

HammerGarita Seguir

Gamma
Marketing
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
20 Feb 2012
Mensajes
340
Todos sabemos que existen muchos plugins para hacer esta tarea, pero si tu eres de los que no le gusta saturar su sitio de plugins y prefiere hacerlo con código, hoy les mostrare como hacerlo de manera fácil.

Botón Facebook:
HTML:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=box_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:70px; height:64px"></iframe>

Botón Twitter:
HTML:
<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" data-count="vertical" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Resultado: botones sociales.jpg

Ahora donde debemos ponerlos para que salgan en todas nuestras entradas.

Para que los botones salgan en cada entrada de nuestro blog lo que aremos sera ir al archivo single.php, dentro buscamos la siguiente linea:

PHP:
<?php the_content(); ?>

Si tu quieres que tus botones salgan al final del post, solo pones el código de los botones después de esa linea.
Si al contrario quieres que salgan al principio del post solo pegas el código de los botones antes de esa linea.

Bueno, espero que este breve tutorial les sea de ayuda. Saludos
 
Ú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
11.504
He movido el tema a tutoriales, buen aporte y bastante sencillo.
 

Jhon04

Gamma
SEO
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
17 Ago 2012
Mensajes
171
Buen Aporte Compañero :encouragement:
 

chego

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
2 Mar 2010
Mensajes
106
Muy bueno el aporte, gracias
 

Sommera

1
Pi
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
21 Feb 2010
Mensajes
5.164
[MENTION=21500]HammerGarita[/MENTION]

buen tutorial, estaría bueno que agregues el botón de Google+ para que quede mas completo

saludos
 

nashi

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
15 Jun 2011
Mensajes
147
y para poner el boton de google plus?
 

Jorge Reyes

1
Kappa
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Suscripción a IA
Desde
29 Mar 2012
Mensajes
2.645
Bueno info, la estaba buscando hace unos días pero no me dio por buscar acá XD
 

Juanma Carrillo

1
Pi
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
3 Sep 2011
Mensajes
6.150
Que sencillo el tutorial! Buenísimo, gracias por compartir! :encouragement:
 

nashi

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
15 Jun 2011
Mensajes
147
No me aparece <?php the_content(); ?> en mi single.php.... dónde más se puede poner?
Todos sabemos que existen muchos plugins para hacer esta tarea, pero si tu eres de los que no le gusta saturar su sitio de plugins y prefiere hacerlo con código, hoy les mostrare como hacerlo de manera fácil.

Botón Facebook:
HTML:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=box_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:70px; height:64px"></iframe>

Botón Twitter:
HTML:
<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" data-count="vertical" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Resultado: Ver el archivo adjunto 9382

Ahora donde debemos ponerlos para que salgan en todas nuestras entradas.

Para que los botones salgan en cada entrada de nuestro blog lo que aremos sera ir al archivo single.php, dentro buscamos la siguiente linea:

PHP:
<?php the_content(); ?>

Si tu quieres que tus botones salgan al final del post, solo pones el código de los botones después de esa linea.
Si al contrario quieres que salgan al principio del post solo pegas el código de los botones antes de esa linea.

Bueno, espero que este breve tutorial les sea de ayuda. Saludos
 

EspErpENto

Mi
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
16 Feb 2013
Mensajes
3.309
Voy a tratar, fijaros bien en el tiempo del verbo que uso, de implementarlo, si la peña dice que funciona así debe ser.;)
 

anferro

1
Ómicron
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
29 Oct 2011
Mensajes
4.552
Buen aporte facil y sencillo!
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba