¿Botones grandes para compartir en redes sociales? ¿Cómo hacerlo?

  • Autor Autor JotaCB
  • Fecha de inicio Fecha de inicio
JotaCB

JotaCB

Gamma
Verificado por Whatsapp
Me parece interesantes este tipo de botones enorme, creía que se trataba de Plugins pero creo que se trata añadir algún tipo de código CSS, hay muchas páginas que lo utilizan, cómo ejemplo, tenéis este: Solo el capitán de un enorme barco puede hacer posible estas impresionantes fotografÃ*as.

Ver el archivo adjunto 27903

Mirando el código he visto esto, pero ni idea de cómo aplicarlo en Wordpress:

Captura de pantalla 2014-06-02 a la(s) 18.50.55.webp

Alguien sabe?
 
Yo estoy con la misma necesidad. Si alguien puede contestar seria genial, gracias!
 
Son imagenes con la funcion compartir con JS:

Aqui las imagenes:

face.png


tw.png



Aqui el codigo completo:

Insertar CODE, HTML o PHP:
<a href="javascript:void(0)" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('[B]URL_PARA_COMPARTIR[/B]'), 'facebook-share-dialog', 'width=626,height=436'); return false;"><img src="http://[B]TUWEB.COM[/B]/images/face.png" /></a>


<a href="javascript:void(0)" onclick="window.open('http://twitter.com/share?url=[B]URL_PARA_COMPARTIR[/B]&text=[B]TEXTO_PARA_COMPARTIR[/B]&via=[B]TU_TWITTER[/B]','','width=550, height=350, scrollbars=no')"><img src="http://[B]TUWEB.COM[/B]/images/tw.png" /></a>

Las partes en NEGRITA tienes que reemplazarla por tus datos.

Un saludo, espero te sirva [MENTION=42441]JotaCB[/MENTION] , [MENTION=109887]Marzopiens[/MENTION]
 
Muchísimas gracias, ese código imagino que lo tendré que insertar en el single.php sustituyendo por mis datos como has indicado. Cuando llegue a casa lo pruebo, un saludo, mil gracias
 
Gracias! Despues los voy a probar, Saludos.
 
Son imagenes con la funcion compartir con JS:

Aqui las imagenes:

face.png


tw.png



Aqui el codigo completo:

Insertar CODE, HTML o PHP:
<a href="javascript:void(0)" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('[B]URL_PARA_COMPARTIR[/B]'), 'facebook-share-dialog', 'width=626,height=436'); return false;"><img src="http://[B]TUWEB.COM[/B]/images/face.png" /></a>


<a href="javascript:void(0)" onclick="window.open('http://twitter.com/share?url=[B]URL_PARA_COMPARTIR[/B]&text=[B]TEXTO_PARA_COMPARTIR[/B]&via=[B]TU_TWITTER[/B]','','width=550, height=350, scrollbars=no')"><img src="http://[B]TUWEB.COM[/B]/images/tw.png" /></a>

Las partes en NEGRITA tienes que reemplazarla por tus datos.

Un saludo, espero te sirva [MENTION=42441]JotaCB[/MENTION] , [MENTION=109887]Marzopiens[/MENTION]


Amigo, sabes como pegarlo en blogger?
 
Son imagenes con la funcion compartir con JS:

Aqui las imagenes:

face.png


tw.png



Aqui el codigo completo:

Insertar CODE, HTML o PHP:
<a href="javascript:void(0)" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('[B]URL_PARA_COMPARTIR[/B]'), 'facebook-share-dialog', 'width=626,height=436'); return false;"><img src="http://[B]TUWEB.COM[/B]/images/face.png" /></a>


<a href="javascript:void(0)" onclick="window.open('http://twitter.com/share?url=[B]URL_PARA_COMPARTIR[/B]&text=[B]TEXTO_PARA_COMPARTIR[/B]&via=[B]TU_TWITTER[/B]','','width=550, height=350, scrollbars=no')"><img src="http://[B]TUWEB.COM[/B]/images/tw.png" /></a>

Las partes en NEGRITA tienes que reemplazarla por tus datos.

Un saludo, espero te sirva [MENTION=42441]JotaCB[/MENTION] , [MENTION=109887]Marzopiens[/MENTION]

A día de hoy, no he sabido introducirlo, podrías indicarme en qué parte del CSS se suele colocar?

Alguien podría ayudarme? No tengo mucha idea de código y me gustaría insertarlo, mil gracias por vuestro tiempo. Un saludo!
 
A día de hoy, no he sabido introducirlo, podrías indicarme en qué parte del CSS se suele colocar?

Alguien podría ayudarme? No tengo mucha idea de código y me gustaría insertarlo, mil gracias por vuestro tiempo. Un saludo!

Que usas??? Wordpress o programacion propia?
 
Atrás
Arriba