Marcadores Sociales estilo Windows 8 para Blogger

Con el reciente lanzamiento de Windows 8, las cosas con ese estilo se han puesto de moda y Blogger no es la excepción, teniendo en cuenta el estilo de este sistema operativo me decidi hacer unos marcadores para Blogger que tuvieran un ligero estilo de Windows 8 y este ha sido el resultado.


Puedes ver los marcadores funcionando en el siguiente blog de pruebas.

Para añadir este truco a tu blog, primero debes ir a la Edición HTML de tu blog y buscar con los artilugos expandidos, lo siguiente:

 <div class='post-footer-line post-footer-line-3'>

Debajo de la anterior linea pega lo siguiente:

<div class='separator' style='clear: both; text-align: right;'>
<img border='0' src='http://4.bp.blogspot.com/-LfPK79XnTLI/UK6Zh_vRDkI/AAAAAAAAB3k/XXt0BUzCVHM/s1600/Compartir.png'/></div>
<br/>
<a class='twitter' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow' target='_blank' title='Twittear'><img src='https://lh5.googleusercontent.com/-Vt4GahsWqaA/UK6OjizECOI/AAAAAAAAB2w/4Zi-VupkNgA/s86/twitter.png'/></a>

<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Compartir en Facebook'><img src='https://lh6.googleusercontent.com/-beM2bOCQrTY/UK6PglfJvyI/AAAAAAAAB3U/ad8X9Eq3jIA/s108/facebook.png'/></a>

<a class='googleplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Compartir en Google Plus'><img src='https://lh3.googleusercontent.com/-jg9JctagFsg/UK6PD3FZvbI/AAAAAAAAB3E/npzWkMhfNr8/s97/google%252B.png'/></a>

<a class='pinterest' expr:href='&quot;https://pinterest.com/login/?next=/pin/create/bookmarklet/%3Fmedia%3Dhttp%253A%252F%252F&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Compartir en Pinterest'><img src='https://lh6.googleusercontent.com/-I5-ZAnBPJ9w/UK6PHxGgaDI/AAAAAAAAB3M/rENy_tUUpHU/s100/pinterest.png'/></a>

Ahora solo resta guardar los cambio y listo. En el pack vienen los iconos de Twitter, Facebook, Google + y Pinterest.

Este es un pequeño truco, que espero sea de su agrado.

Relacionados

Espectacular Sistema de Calificaciones para tu web Hace un par de días agregue aquí en el blog un espectacular sistema de calificación, y hoy lo compartire con ustedes. Se trata de Graddit un sis...
Buscador Interno estilo Google Seguro que muchos de ustedes han visto que con el nuevo diseño de Google su buscador tambien ha cambiado de diseño y algunos han quedado fascinados ...
Formulario de contacto de Blogger flotante En el día de hoy voy a compartir un truco muy bueno, en el cual el gadget de formulario de contacto pasa a ser un gadget flotante y cambia en gran me...
Iconos Sociales que giran 360 grados En esta oportunidad les quiero compartir un pack de iconos sociales en forma de huevos que giran 360 grados al pasar el cursos sobre ellos. En el p...

Share

12 comentarios en “Marcadores Sociales estilo Windows 8 para Blogger

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>