Tutorial: Botones especiales de redes sociales con contadores

nxovoix

Baneado
Gamma
Redactor
Verificación en dos pasos desactivada
Desde
8 Ago 2012
Mensajes
240
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:



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

anferro

Ómicron
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
29 Oct 2011
Mensajes
4.519
muy buen aporte tienen este aspecto:
 

eldextherxd

Delta
Diseñador
Verificación en dos pasos desactivada
Desde
3 Nov 2013
Mensajes
697
excelente andaba buscando esto.. :encouragement:
 

meregistro

Baneado
Dseda
Verificación en dos pasos desactivada
Desde
11 Ago 2014
Mensajes
1.240
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.
 

batrixxx

Beta
Verificación en dos pasos desactivada
Desde
27 Jul 2014
Mensajes
34
si quiero colocarlo en la parte su perior de cada entrada como hago amigo.
 

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
 

jeffcon41

Gamma
Social Media
Verificación en dos pasos desactivada
Desde
19 Abr 2015
Mensajes
155
Perfecto me funciona de lujo :welcoming::encouragement:
 

kibrot

Dseda
Verificación en dos pasos desactivada
Desde
10 Dic 2012
Mensajes
1.104
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
¡Usuario con pocos negocios!
Desde
1 Feb 2015
Mensajes
71
gracias por compartir
 

userloco

Gamma
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
8 May 2015
Mensajes
342
muy bueno, botones bastante pro
 

dandisama

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
17 Ago 2012
Mensajes
56
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
Verificación en dos pasos desactivada
Desde
18 Ago 2015
Mensajes
17
no me gusta tanto ese aspecto prefiero los otros botoncitos pero buen aporte
 

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

Baneado
Gamma
Redactor
Verificación en dos pasos desactivada
Desde
11 Jun 2016
Mensajes
270
¿Dónde coloco eso? :topsy_turvy:
 

Aker

Épsilon
Verificación en dos pasos desactivada
Desde
7 Dic 2015
Mensajes
876
gracias compañero, a seguir adelante! :encouragement:
 

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