Cómo agregar botones de compartir en Facebook

miguel0n Seguir

Delta
Redactor
Verificación en dos pasos desactivada
Desde
14 Feb 2014
Mensajes
677
Quien sabe como poner todos los botones. el pequeño de like y el otro de compartir ademas he visto un boton enorme de compartir. alguien que me ayude.

slsl.png
 
Última edición:

kanikase

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Feb 2014
Mensajes
4.720
HTML:
<script>
function comparte() {
window.open('https://www.facebook.com/sharer.php?u='+document.URL, 'Compartir en Facebook', 'width=600, height=360, scrollbars=no, resizable=no, menubar=no, location=no, toolbar=no');
return false;
}
</script>
<style>
.social {
	width: 100%;
	display: inline-block;
	padding: 3px;
	font-size: 30px;
	color: #FFF;
	text-align: center;
	font-family: sans-serif !important;
}
.facebook {
	background: #3b5998;
	float: left;
}
</style>
<a class="social facebook" href="#" title="Compartir en Facebook" onclick="comparte()">Compartir en Facebook</a>
 

miguel0n

Delta
Redactor
Verificación en dos pasos desactivada
Desde
14 Feb 2014
Mensajes
677
HTML:
<script>
function comparte() {
window.open('https://www.facebook.com/sharer.php?u='+document.URL, 'Compartir en Facebook', 'width=600, height=360, scrollbars=no, resizable=no, menubar=no, location=no, toolbar=no');
return false;
}
</script>
<style>
.social {
	width: 100%;
	display: inline-block;
	padding: 3px;
	font-size: 30px;
	color: #FFF;
	text-align: center;
	font-family: sans-serif !important;
}
.facebook {
	background: #3b5998;
	float: left;
}
</style>
<a class="social facebook" href="#" title="Compartir en Facebook" onclick="comparte()">Compartir en Facebook</a>

Tengo worpress donde coloco eso.
 

kanikase

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Feb 2014
Mensajes
4.720
No quieres que también te lo pongamos?? -.- :stupid1:
 

Caymans

1
Ómicron
SEO
Verificación en dos pasos desactivada
Verificado por Whatsapp
Suscripción a IA
Desde
16 Ago 2010
Mensajes
4.699
Comparto para los que les sirve. Muchas gracias [MENTION=81006]kanikase[/MENTION] , sinceramente un excelente código que de hecho estoy usando. Simplemente, y acorde a los estilos de mi web, le hice estas pequeñas modificaciones (tamaño de la fuente, color del boton, y finalmente le saqué el subrayado)

Insertar CODE, HTML o PHP:
<script>
function comparte() {
window.open('https://www.facebook.com/sharer.php?u='+document.URL, 'Compartir en Facebook', 'width=600, height=360, scrollbars=no, resizable=no, menubar=no, location=no, toolbar=no');
return false;
}
</script>
<style>
.social {
	width: 100%;
	display: inline-block;
	padding: 3px;
	font-size: 21px;
	color: #FFF;
	text-align: center;
	font-family: sans-serif !important;
        text-decoration: none;
}
.facebook {
	background: #2F5DC1;
	float: left;
}
</style>
<a class="social facebook" href="#" title="COMPARTIR EN FACEBOOK" onclick="comparte()">COMPARTIR EN FACEBOOK</a><br/><br/>

Por otra parte, lo que hago es usarlo con Quick Adsense ya que me permite ponerlo al final del párrafo que yo quiera en todos los posts y termina siendo bastante útil. Un saludo y espero le sirva a otros también
 

kanikase

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Feb 2014
Mensajes
4.720
Comparto para los que les sirve. Muchas gracias [MENTION=81006]kanikase[/MENTION] , sinceramente un excelente código que de hecho estoy usando. Simplemente, y acorde a los estilos de mi web, le hice estas pequeñas modificaciones (tamaño de la fuente, color del boton, y finalmente le saqué el subrayado)

Insertar CODE, HTML o PHP:
<script>
function comparte() {
window.open('https://www.facebook.com/sharer.php?u='+document.URL, 'Compartir en Facebook', 'width=600, height=360, scrollbars=no, resizable=no, menubar=no, location=no, toolbar=no');
return false;
}
</script>
<style>
.social {
	width: 100%;
	display: inline-block;
	padding: 3px;
	font-size: 21px;
	color: #FFF;
	text-align: center;
	font-family: sans-serif !important;
        text-decoration: none;
}
.facebook {
	background: #2F5DC1;
	float: left;
}
</style>
<a class="social facebook" href="#" title="COMPARTIR EN FACEBOOK" onclick="comparte()">COMPARTIR EN FACEBOOK</a><br/><br/>

Por otra parte, lo que hago es usarlo con Quick Adsense ya que me permite ponerlo al final del párrafo que yo quiera en todos los posts y termina siendo bastante útil. Un saludo y espero le sirva a otros también

Se ve bien :cool: Edit fiddle - JSFiddle
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba