Marcadores redes sociales con efecto pushbutton


Hace tiempo, habíamos visto como agregar el efecto pushbutton a imágenes e íconos, y como han sido varios los que me han preguntado cómo agregar ese efecto a los marcadores de redes sociales que insertamos en el blog en un post anterior, hoy vamos a verlo.

Lo que tenemos que hacer es seguir los pasos de este post, pero en lugar del código que usamos, pegaremos el siguiente código tal como lo indica que el post que mencioné:

<span class='pushbutton'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' src='http://img30.imageshack.us/img30/1893/delicious24x24s.png'/></a></span>
<span class='pushbutton'><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' src='http://img30.imageshack.us/img30/8708/digg24x24.png'/></a></span>
<span class='pushbutton'><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' src='http://img17.imageshack.us/img17/6836/google24x24.png'/></a></span>
<span class='pushbutton'><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' src='http://img2.imageshack.us/img2/1722/technorati24x24.png'/></a></span>
<span class='pushbutton'><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' src='http://img30.imageshack.us/img30/3479/magnolia24x24.png'/></a></span>
<span class='pushbutton'><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' src='http://img30.imageshack.us/img30/7517/reddit24x24.png '/></a></span>
<span class='pushbutton'><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' src='http://img14.imageshack.us/img14/5392/blinklist24x24.png'/></a></span>

♠ Guardamos los cambios y listo!

7 opinaron:

squirrel

Qué buen efecto; lo usé en mi blog de pruebas y quedó muy bien, ahora, lo paso a mi blog principal :)

Responder
Adrián Aratan

Muy buen efecto!

Responder
G

Queda genial, excelente ahora esperaré tu notra de los iconos con efecto opacidad :)

Responder
La inquisidora

Muy bueno, como los iconos parecen botones porque se gunden, es un efecto buenísimoa!

Responder
Yessmi

Me encanta como quedó, es lo que buscaba,

Besos :)

Responder
Graciela

hola tesoro, encantador el efecto quizás lo aplique en la imagen 'comentar al viejo estilo'...besitos y una semana genial :D

Responder
Jéssica YK

» squirrel: me alegra que te haya gustado :)

» Adrián Aratan: gracias.

» G: sí, muy pronto sacaré la nota con el efecto de opacidad.

» La inquisidora: tienes razón :)

» Yessmi: me alegro :)

» Graciela: seguro que quedará muy bien el efecto en tu blog :)

S@lu2

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio