Botões grandes para compartilhar em redes sociais? Como fazer?

  • Autor Autor JotaCB
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
JotaCB

JotaCB

Gamma
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 o anexo 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?
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou 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?
 
Voltar
Topo