Cómo agregar botones de compartir en Facebook

  • Autor Autor miguel0n
  • Fecha de inicio Fecha de inicio
M

miguel0n

Delta
Redactor
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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.webp
 
Última edición:
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>
 
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.
 
No quieres que también te lo pongamos?? -.- :stupid1:
 
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
 
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 😎 Edit fiddle - JSFiddle
 
Atrás
Arriba