Tutorial: Añadir los botones de las redes sociales a tu blog

elcuervito

Eta
Verificación en dos pasos desactivada
Desde
29 Mar 2013
Mensajes
1.360
Antes que nada les quiero agradecer a todos los que en este foro me ayudan con mis dudas, desde que me uní aquí estoy aprendiendo un montón de cosas!

img src='botones.jpg' alt='botones para compartir' title='botones para compartir en las redes so.JPG

Tutorial

Entrar en la Edición HTML del blog y marcar la casilla Expandir plantillas de artilugios, luego busca la etiqueta:

Insertar CODE, HTML o PHP:
<div class='post-footer-line post-footer-line-1'>

Exactamente después de esto pegamos lo siguiente
HTML:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0' cellpadding='6' style='width: 50%;'><tbody>
<tr><td><a class='twitter-share-button' data-count='horizontal' data-lang='es' href='http://twitter.com/share'>Tweetear</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td><td><g:plusone size='medium'/></td>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?locale=es_ES&amp;href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;height=21&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px'/></td>
</tr>
</tbody></table></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcddcb73e3ba0d2"></script>
</b:if>

guardar y el resultado se vera como aqui Añadir las redes sociales en blogger - Como Buscar
 
Ú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.358
Tutorial aprobado y agregado al listado.
 

Sting

Eta
Verificación en dos pasos desactivada
Desde
7 Nov 2012
Mensajes
1.422
Excelente tuto, gracias por compartir. :encouragement:
 

elcuervito

Eta
Verificación en dos pasos desactivada
Desde
29 Mar 2013
Mensajes
1.360
Aclaro que las etiquetas code no forman parte del codigo
 

frN13

Zeta
Verificación en dos pasos desactivada
Desde
10 Oct 2010
Mensajes
1.808
lo de addthis esta de mas.
 

milusito

Beta
Verificación en dos pasos desactivada
Desde
12 Mar 2013
Mensajes
53
Gracias andaba buscando algoasi:welcoming:
 

Jesus Dugarte

VIP
1
Xi
Redactor
Verificado con videollamada
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Desde
23 Sep 2012
Mensajes
4.216
anteriormente usaba los de addthis, ahora uso los de sharethis. Buen aporte compañero sigue asi. Saludos
 

shruken

Baneado
Préstamo
Pi
SEO
Verificación en dos pasos desactivada
Desde
27 May 2012
Mensajes
5.167
muchisimas gracias amigo,queda muy bien,te pasaste y gracias por arreglarlo
 

Dude

Beta
Verificación en dos pasos desactivada
Desde
27 Abr 2013
Mensajes
75
Funciona a la perfeccion, gracias.
 

jdrb14

Alfa
Verificación en dos pasos desactivada
Desde
4 Abr 2013
Mensajes
16
No me ah servido en 2 intentos en blogger, bueno me tocara conformarme con los logos pequeños de mi plantilla
 

alejorubio07

Zeta
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
20 Dic 2012
Mensajes
1.628
esto me servira mucho para mi blog
 

virux

Gamma
Redactor
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
13 Mar 2013
Mensajes
192
No me ah servido en 2 intentos en blogger, bueno me tocara conformarme con los logos pequeños de mi plantilla

lo que se le paso decir a http://forobeta.com/member.php?u=42320

es que
<div class='post-footer-line post-footer-line-1'>

aparece 2 veces, busca el 2do que aparece mas o menos así

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

y ya abajo de footer-line-1 ahi pegas el código, a mi no me salio a la primera por eso busque si había una segunda linea igual :)
 
Última edición:

ivan14

Zeta
Exchanger
Verificación en dos pasos desactivada
Desde
2 Mar 2012
Mensajes
1.675
Bien Echo!! :D Buen tutorial!
 

Mugiwara

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
16 Jul 2013
Mensajes
174
Hola no me funciona, pegue todo el código donde dices y no paso nada
 

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