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:
<div class="social">
<a href="http://www.facebook.com/share.php?u=<?php the_permalink() ?>" title="Compartir en Facebook" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/img/facebook.png" style="border: 0pt none ; margin: 0px; padding: 0px;" alt="Compartir en Facebook" title="Compartir en Facebook" /></a>
<a href="http://bitacoras.com/anotaciones/<?php the_permalink() ?>" title="Compartir en Bitacoras.com" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/img/bitacoras.png" style="border: 0pt none ; margin: 0px; padding: 0px;" alt="Compartir en Bitacoras.com" title="Compartir en Bitacoras.com" /></a>
<a href="http://twitter.com/home?status=Leyendo <?php the_permalink(); ?>" title="Comparte este articulo en Twitter" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/img/twitterr.png" style="border: 0pt none ; margin: 0px; padding: 0px;" alt="Comparte este articulo en Twitter" title="Comparte este articulo en Twitter" /></a>
<a href="http://del.icio.us/post?url=<?php the_permalink() ?>" alt="Agregar a tus favoritos de del.icio.us" title="Agregar a tus favoritos de del.icio.us" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/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" /></a>
<a href="http://meneame.net/submit.php?url=<?php the_permalink() ?>" alt="Comparte este articulo en meneame" title="Comparte este articulo en meneame" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/img/meneame.png" style="border: 0pt none ; margin: 0px; padding: 0px;" alt="Comparte este articulo en meneame" title="Comparte este articulo en meneame" /></a>
</div>
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!
O: no vi rel=»nofollow», habrá que agregarlo a manito =D
Salu2
Pingback: Codigo Fuente para el “compartir”
¿Esto nos da «permiso» a copiar tal cual el código? ¿Con las mismas imágenes?
@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.
En que directorio subo las imágenes? ya las tengo hechas y todo.
Gracias, genial tu blog!!
@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.
Esta bastante bien, sobre todo la idea.
Un saludo,
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: 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.
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
Pingback: Punto Delta » Blog Archive » Códigos Fuentes para compartir contenido en Redes Sociales
No se ven las imágenes… cuando introduje el código
Subiste las imagenes a tu theme y las pusiste en una carpeta llamada /img porque sino no van a salir.
Salu2.