Tutorial: Añade botones de redes sociales con contadores a tu blog

nxovoix Seguir

Gamma
Redactor
Verificación en dos pasos desactivada
Desde
8 Ago 2012
Mensajes
240
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Hola amigos les traigo estos botones elegantes con contador para sus blogs espero les guste.. son muy faciles de instalar:

solo vamos a donde queremos ponerlos y pegamos esto:

HTML:
<!-- BOTONES SOCIALES GETSHARES --> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='buttons'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'/>
<script src='http://cdn.getshar.es/lib/0.8.0.min.js' type='text/javascript'/>
<link href='http://cdn.getshar.es/lib/0.8.0.min.css' rel='stylesheet' type='text/css'/>
<style>#buttons{text-align:center; margin:10px auto;font-weight:normal;}</style>
<script type='text/javascript'>
(function(){
var settings;
settings = {
root: $(&quot;#buttons&quot;),
counter: {
position: &quot;inside&quot;
},
share: {
url: &quot;<data:post.canonicalUrl/>&quot;,
imageUrl: &quot;<data:post.firstImageUrl/>&quot;,
message: &quot;<data:post.title/>&quot; + &quot; <data:post.canonicalUrl/> Vía: @oloman&quot;
}
};
new GetShare($.extend(settings, {network: &quot;googleplus&quot;}));
new GetShare($.extend(settings, {network: &quot;twitter&quot;}));
new GetShare($.extend(settings, {network: &quot;facebook&quot;}));
new GetShare($.extend(settings, {network: &quot;linkedin&quot;}));
new GetShare($.extend(settings, {network: &quot;pinterest&quot;}));
new GetShare($.extend(settings, {network: &quot;pocket&quot;}));
//Más redes en http://getshar.es/
}).call(this);
</script>
</b:if>

captura Gracias a anferro:

9PYSuoK.png


y listo! :3 espro les sirva :D
 
Ú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.443
Tema aprobado y agregado al listado de tutoriales.
 

anferro

1
Ómicron
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
29 Oct 2011
Mensajes
4.552
muy buen aporte tienen este aspecto:
9PYSuoK.png
 

zero777

Verificación en dos pasos desactivada
Desde
9 Jun 2013
Mensajes
2.975
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
muchas gracias =)
 

meregistro

Dseda
Verificación en dos pasos desactivada
Desde
11 Ago 2014
Mensajes
1.239
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
yo quiero esto pero y como lo coloco?? quisiera que aparezca al final de todas mis entradas.. como puedo configurar?
 

Eduardo Anaya

Préstamo
Épsilon
Social Media
Verificación en dos pasos desactivada
Desde
13 Feb 2014
Mensajes
864
¿Alguien me puede ayudar en decirme donde poner este código si los quiero al final de las entradas? por favor.

- - - Actualizado - - -

Si aún no los has puesto [MENTION=113621]meregistro[/MENTION] va abajo de esta linea:
HTML:
<b:if cond='data:blog.pageType == &quot;item&quot;'>

Asi se verán abajo de cada entrada.
 

Masato

Delta
Verificación en dos pasos desactivada
Desde
4 Nov 2014
Mensajes
521
si quiero colocarlo en la parte su perior de cada entrada como hago amigo.

Hola capo ¿Todavía estas con esto? Mira, si lo querés poner arriba, lo que tenes que hacer es

1- Ir a tu página y clickear (derecho) en la parte que lo quieras agregar. Click en inspeccionar elemento.
2- Revisas la parte del código en la que está lo mencionado y sacas un fragmento importante.
3- Vas a editar plantilla en html y buscas ese codigo, lo pegas por debajo.

Avisame si te funciona. Por las dudas hacelo en un blog de prueba o descarga una copia antes de editar. Saludos
 

kibrot

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
10 Dic 2012
Mensajes
1.139
se me descuadra la home del blog, la barra lateral derecha se baja. ¿alguien sabe qué hacer?
 

alfredomab

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 Feb 2015
Mensajes
74
gracias por compartir
 

dandisama

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
17 Ago 2012
Mensajes
61
muy bonito, pero los scripts hacen mucha carga

<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'/>
<script src='http://cdn.getshar.es/lib/0.8.0.min.js' type='text/javascript'/>
<link href='http://cdn.getshar.es/lib/0.8.0.min.css' rel='stylesheet' type='text/css'/>
 

muse333

Alfa
Verificación en dos pasos desactivada
Desde
1 Mar 2016
Mensajes
24
Alguien sabe como hacerlos mas grandes? es que me aparecen muy pequeños, ojalá me pudieron ayudar.:watermelon:
 

Madam GT 502

Gamma
Redactor
Verificación en dos pasos desactivada
Desde
11 Jun 2016
Mensajes
269
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
¿Dónde coloco eso? :topsy_turvy:
 

Aker

Épsilon
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Dic 2015
Mensajes
872
gracias compañero, a seguir adelante! :encouragement:
 

¡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