Codigo Fuente para el “compartir”

04 Jun

Codigo Fuente para el “compartir”

Hoy un lector me pidió por email el plugin o el codigo fuente que uso para la sección “compartir” esa de grandes iconos de un puñado de servicios sociales que me parecen los más usados.

La cosa es que no uso plugin, principalmente porque tienen una cantidad de servicios que no me interesan y la otra es que queria usar este juego de iconos polaroid que me gusto mucho, igual tuve que diseñar (esa palabra queda grande en mi boca) los de meneame y bitacoras que casi no estan en ningun pack de iconos sociales.

Basta de preambulo aca el codigo:

^?Ver código PHP

&lt;div class="social"&gt;
&lt;a href="http://www.facebook.com/share.php?u=&lt;?php the_permalink() ?&gt;" title="Compartir en Facebook" target="_blank"&gt;&lt;img src="&lt;?php bloginfo('template_directory'); ?&gt;/img/facebook.png" style="border: 0pt none ; margin: 0px; padding: 0px;" alt="Compartir en Facebook" title="Compartir en Facebook" /&gt;&lt;/a&gt;
&lt;a href="http://bitacoras.com/anotaciones/&lt;?php the_permalink() ?&gt;" title="Compartir en Bitacoras.com" target="_blank"&gt;&lt;img src="&lt;?php bloginfo('template_directory'); ?&gt;/img/bitacoras.png" style="border: 0pt none ; margin: 0px; padding: 0px;" alt="Compartir en Bitacoras.com" title="Compartir en Bitacoras.com" /&gt;&lt;/a&gt;
&lt;a href="http://twitter.com/home?status=Leyendo &lt;?php the_permalink(); ?&gt;" title="Comparte este articulo en Twitter" target="_blank"&gt;&lt;img src="&lt;?php bloginfo('template_directory'); ?&gt;/img/twitterr.png" style="border: 0pt none ; margin: 0px; padding: 0px;" alt="Comparte este articulo en Twitter" title="Comparte este articulo en Twitter" /&gt;&lt;/a&gt;
&lt;a href="http://del.icio.us/post?url=&lt;?php the_permalink() ?&gt;" alt="Agregar a tus favoritos de del.icio.us" title="Agregar a tus favoritos de del.icio.us" target="_blank"&gt;&lt;img src="&lt;?php bloginfo('template_directory'); ?&gt;/img/delicious.png" style="border: 0pt none ; margin: 0px; padding: 0px;" alt="Agregar a tus favoritos de del.icio.us" title="Agregar a tus favoritos de del.icio.us" /&gt;&lt;/a&gt;
&lt;a href="http://meneame.net/submit.php?url=&lt;?php the_permalink() ?&gt;" alt="Comparte este articulo en meneame" title="Comparte este articulo en meneame" target="_blank"&gt;&lt;img src="&lt;?php bloginfo('template_directory'); ?&gt;/img/meneame.png" style="border: 0pt none ; margin: 0px; padding: 0px;" alt="Comparte este articulo en meneame" title="Comparte este articulo en meneame" /&gt;&lt;/a&gt;
&lt;/div&gt;

Tags: Codigo Fuente Compartir Script

Publicado por Hernan

Guardado en: Blogger, Wordpress

Seguilo a Hernan en Twitter

Deja tu comentario

comentarios (10)

Wow! Muchas gracias por compartirlo
Tras preguntarte, se me ocurrió buscar en tu sitio y vi que en un antiguo post mencionabas el Sociable, por eso creí que usabas dicho plugin Mas un código personalizable es muchísimo mejor!

ziRta el 4/06/2009 @ 10:59 pm9
O: no vi rel=”nofollow”, habrá que agregarlo a manito =D
Salu2

DoctorPc el 4/06/2009 @ 11:03 pm9
¿Esto nos da “permiso” a copiar tal cual el código? ¿Con las mismas imágenes?

Kloster el 5/06/2009 @ 10:09 pm9
@ziRta: De nada.
@DoctorPc: Si claro que lo podes agregar, pero fijate las ultimas noticias respecto al nofollow.
@Kloster: Claro que podes copiar el codigo y las imagenes, no hay ningun problema. Subi las imagenes a tu hosting asi no consumis de mis recursos.

Salu2.

Hernan el 6/06/2009 @ 08:22 am9
En que directorio subo las imágenes? ya las tengo hechas y todo.

Gracias, genial tu blog!!

Simbelmynë! el 9/06/2009 @ 11:02 am9
@Simbelmynë!: Por el codigo que presente < ?php bloginfo('template_directory'); ?>/img eso indica que va en el theme que estes ysando dentro de la carpeta /img o en todo caso si usas la carpeta /images seria cambiar esa parte.

Salu2.

Hernan el 9/06/2009 @ 12:27 pm9
Esta bastante bien, sobre todo la idea.
Un saludo,

javirol el 4/07/2009 @ 05:07 am9
Hernan, funciona poniéndolo como código html o hay que introudcirlo en la plantilla de blogger?

Si es lo segundo, estoy perdido, podrías ayudarme?

salu2
pedro

pedro el 12/08/2009 @ 12:41 pm9
@pedro: Este codigo es para Wordpress, aca mi amigo Ivan publica una forma de usarlos en Blogger.com http://zonacerebral.com/2007/03/compartir-posts-en-webs-sociales-como-meneame-digg-delicious-o-blogmemes-en-blogger.html

Suerte y salu2.

Hernan el 12/08/2009 @ 01:28 pm9
mil gracias por la ayuda Hernán… buscando incorporé alguno parecido, pero creo que lo cambiaré por el que me acabas de pasar

gracias otra vez y un saludo
pedro

pedro el 18/08/2009 @ 06:38 pm9

pingbacks (1)

4/06/2009 @ 11:22 pm Codigo Fuente para el “compartir”

Tu comentario será moderado la primera vez que lo hagas al igual que si incluyes enlaces. A partir de ahi no será necesario si usas los mismos datos y mantienes la cordura. No se publicarán insultos, difamaciones o faltas de respeto hacia los lectores y comentaristas de este blog.

Codigo Geek