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

Nuevos Botones de Google plus +1 Aprovechando el gran auge que esta teniendo la nueva red social de GOOGLE (Google Plus) les presento un pack de botones de Google + para que tu llames...
Gadget “Hazte Fan” en Facebook para Bl... Se me ocurrió hacer un gadget para que nuestros lectores se animen mas a dar el famoso "Me Gusta",en las paginas de Facebook de nuestro blog y así e...
Poner una imagen en el formulario de comentarios Poner una imagen en el formulario de comentarios de tu blog puede ser una interesante opción,ya que tus lectores verán con mayor agrado tu blog y qu...
Caja de Suscripciones “Elegant Subscription&... Hoy les quiero compartir un truco el cual consta de una excelente caja de suscripciones que viene con los servicios de Facebook,RSS,Twitter y suscripc...

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>