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

nxovoix Seguir

Gamma
Redactor
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
12.382
Tema aprobado y agregado al listado de tutoriales.
 

anferro

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

meregistro

Dseda
Desde
11 Ago 2014
Mensajes
1.235
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
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.
 

batrixxx

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Jul 2014
Mensajes
34
si quiero colocarlo en la parte su perior de cada entrada como hago amigo.
 

Masato

Delta
Desde
4 Nov 2014
Mensajes
520
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.158
se me descuadra la home del blog, la barra lateral derecha se baja. ¿alguien sabe qué hacer?
 

dandisama

Beta
¡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'/>
 

Gondar

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
18 Ago 2015
Mensajes
17
no me gusta tanto ese aspecto prefiero los otros botoncitos pero buen aporte
 

muse333

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Dic 2015
Mensajes
872
gracias compañero, a seguir adelante! :encouragement:
 
Arriba