Información
Actualidad
Aquí encontraras noticias de actualidad sobre Gnu Linux y Open Source.

Además de información sobre la comunidad LiGNUx.
Distribuciones y entornos
Información ordenada sobre los diferenes sistema operativos Gnu Linux y las diferentes opciones de entornos gráficos.
Tutoriales y guías
Todos los pasos e informaciones que puedes desear para tu día a día.
Tutoriales
Tutoriales
Programación
Programación
About Us
Get to know the people behind the code and the mission behind the work
how we handle data
Privacy
Security
Legal

Como añadir botón para compartir de Diaspora*

9 febrero, 2014

diasporaPor medio de este tutorial aprenderemos a añadir el botón de compartir, para las redes sociales de WordPress y Blogger, así como por Html con y sin Javascript.

Cabe destacar que este proceso interactuar adecuadamente con cualquier pod de Diaspora* gracias a una lista rápida.

Para un sitio en general:
Copia este código HTML donde quieras que aparezca el botón.

Sin Javascript

<a href="http://d-share.github.io/?title=Ingresa aquí el título&url=http://www.ejemplo.com/alguna/ruta" target="_blank"><img src="http://i46.servimg.com/u/f46/17/46/54/29/diaspo10.png" alt="Compartir en Diaspora" style="border: 0px solid;" /></a>

Con Javascript

<a href="javascript:window.open('http://d-share.github.io/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'das','location=no,links=no,scrollbars=no,toolbar=no,width=620,height=550');"> <img src="http://i46.servimg.com/u/f46/17/46/54/29/diaspo10.png" alt="Compartir en Diaspora" style="border: 0px solid;" /> </a>

Versión alternativa (con texto)

 <a href="javascript:window.open('http://d-share.github.io/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'das','location=no,links=no,scrollbars=no,toolbar=no,width=620,height=550');"
style="padding: 3px 4px 2px; background: #fafafa; border: 1px solid #ddd; font-size: 13px; color: #222; text-decoration: none; vertical-align: top;">
<img src="http://i46.servimg.com/u/f46/17/46/54/29/diaspo10.png" alt="Compartir en Diaspora" style="border: 0px solid;" /> Diaspora*
</a>

Si te alojas en Blogger:

Este método incluirá un botón para compartir en Diaspora* junto a los botones de Facebook, Twitter, Blogger y Gmail. Es necesario tener esta opción habilitada.

  • Ingresa a las opciones del blog.
  • En la sección Plantilla, haz clic en Edición de HTML. Si aparece una advertencia, haz clic en Continuar.
  • Marca la opción Expandir plantillas de artilugios, presiona Ctrl+F, y escribe sharebuttons.
  • Encuentra la línea <b:includable id='shareButtons' var='post'>. Justo después, copia el siguiente código:

 <a expr:href='"http://d-share.github.io/?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='Compartir en Diaspora'>
<img src='http://i46.servimg.com/u/f46/17/46/54/29/diaspo14.png' style='width:16px; height:16px; padding:0; border:0; vertical-align:top;'/>
</a>

  • Haz clic en Guardar plantilla.

En cambio, si utilizas WordPress:

Para añadir el botón en WordPress, es necesario acceder a la opción Compartir, dentro de los Ajustes, y hacer clic en añadir un servicio nuevo. Luego, se deben agregar los siguientes datos:

  • Nombre del servicio: Diaspora*
  • URL: d-share.github.io/?url=%post_url%&title=%post_title%
  • URL del ícono: joindiaspora.com/favicon.ico

Para leer la documentación completa, visita la página de GitHub.

Fuente: forodiaspora.

Escrito por Noel

Buenas, me llamo Noel, soy un divulgador y amante del software libre y Gnu Linux.
Usuario inquieto por ver las novedades y dar a conocer a todos las grandes ventajas del software libre y Gnu Linux.

Suscribirse
Notificarme las
guest
8 Comentarios
Los más recientes
Los más antiguos Más votados
Feedbacks en línea
Ver todos los comentarios
LiGNUx trabaja sobre una licencia de Creative Commons Reconocimiento 4.0 Internacional.
cloudflagpaperclipprinterfile-emptyfilm-playcamera-videopicturelaptop-phonebriefcasecrossmenu
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram