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 + "&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;url=" + data:post.url + "&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&output=popup&bkmk=" + data:post.url + "&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 + "&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 + "&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 + "&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&Description=&Url=" + data:post.url + "&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:
Qué buen efecto; lo usé en mi blog de pruebas y quedó muy bien, ahora, lo paso a mi blog principal :)
Muy buen efecto!
Queda genial, excelente ahora esperaré tu notra de los iconos con efecto opacidad :)
Muy bueno, como los iconos parecen botones porque se gunden, es un efecto buenísimoa!
Me encanta como quedó, es lo que buscaba,
Besos :)
hola tesoro, encantador el efecto quizás lo aplique en la imagen 'comentar al viejo estilo'...besitos y una semana genial :D
» 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
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.