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

JotaCB Seguir

Gamma
Verificado por Whatsapp
Desde
3 Abr 2013
Mensajes
266
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.png

Alguien sabe?
 

Marzopiens

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
29 May 2014
Mensajes
30
Yo estoy con la misma necesidad. Si alguien puede contestar seria genial, gracias!
 

deskpro123

Iota
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
5 Jun 2012
Mensajes
2.014
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]
 

JotaCB

Gamma
Verificado por Whatsapp
Desde
3 Abr 2013
Mensajes
266
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
 

AndreayYap

Ni
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
20 Ene 2013
Mensajes
3.935
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?
 

JotaCB

Gamma
Verificado por Whatsapp
Desde
3 Abr 2013
Mensajes
266
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!
 

deskpro123

Iota
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
5 Jun 2012
Mensajes
2.014
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?
 
Arriba