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='"http://twitter.com/home?status=" + data:post.title + ": " + 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='"http://www.facebook.com/sharer.php?u=" + data:post.url+ "&title=" + 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='"https://plus.google.com/share?url=" + data:post.url+ "&title=" + 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='"https://pinterest.com/login/?next=/pin/create/bookmarklet/%3Fmedia%3Dhttp%253A%252F%252F" + data:post.url+ "&title=" + 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 🙂
Hayder Juvinao · noviembre 28, 2012 a las 2:14 am
Muchas gracias por vuestro comentario 😛
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 🙂