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.


12 comentarios

Anonymous · noviembre 23, 2012 a las 3:26 am

Genial están fabulosos 🙂

Juliano Sousa · noviembre 23, 2012 a las 3:16 pm

Excelente, muito obrigado por compartilhar conosco.;)

    Hayder Juvinao · noviembre 28, 2012 a las 2:20 am

    Muito obrigado a você,

    Saudações,Eu também falo Português 😀

osman · noviembre 24, 2012 a las 3:56 am

estos son los iconos del plugin Juiz social post sharer de wordpress,no? lo que hicistes fue capturar en imagen el boton y hacerlo estatico. el original no es como este.

    David Vaz Guijarro · noviembre 25, 2012 a las 9:58 am

    Si, lo son, y están muy bien.

    Hayder Juvinao · noviembre 28, 2012 a las 2:22 am

    Osman tienes razon amigo, pero debes reconocer que les di un toque personal y quedaron muy bien 😛

    David, cierto que quedaron muy bien? 😈

Alexander Guerra Padilla · enero 29, 2013 a las 5:58 am

[ma]Hola Juvinao me quedo excelente en mi blog, pero le di un toque a las imagenes.[/ma]

[img]http://1.bp.blogspot.com/-rMdu1qJQUC4/UQdkb3L-QqI/AAAAAAAABrs/ZTcs2qMH8sg/s1600/Compartir_win8.PNG[/img]

Andrés Felipe Lozano · abril 18, 2013 a las 2:38 pm

y si no me aparece el footer codigo ese con el numero 3 solo hasta el numero dos

    Hayder Juvinao · abril 18, 2013 a las 3:44 pm

    Puedes ponerlo en el footer 1 o el data post body también servirá allí.

    Saludos

Alexander Guerra Padilla · abril 25, 2013 a las 9:20 pm

Como hago para que estos iconos, no parezcan en el inicio del blog?., lo que necesito es que estos iconos parezcan cuando entro a un post!.

Alberto Franco · abril 26, 2013 a las 1:06 pm

Vale para hacer lo que ti quieres metete en este Post: http://ciudadblogger.com/2010/03/condicionales-de-blogger.html.

Una vez ahi tienes que isertar el codigo que te aparece en: «Mostrar /ejecutar un elemento sólo en las entradas individuales».

Una vez puesto solo te saldran en las entradas individuales.

Un saludo y cualquier cosa aqui estamos 🙂

Deja una respuesta

Marcador de posición del avatar

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