Mil Trucos Blogger

Iconos de Redes Sociales en el sidebar del blog

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Si tienes una pagina para tu blog en Facebook o un grupo de seguidores en Twitter este truco te va a encantar ya que añade elegantes iconos de redes sociales en el sidebar del blog,aparte de ocupar muy poco espacio tiene un estilo bastante elegente.

Cada vez que tus lectores den click sobre las imagenes se abrira un vinculo hacia tu pagina en facebook o Twitter,pero ademas de contener los iconos de estas redes sociales tiene el icono del lector RSS.

Los iconos se ven de la siguiente manera:


Pasos

Para agregar este truco sigue los siguientes pasos:

1. Vamos a Diseño,Edicion HTML,Expandir plantillas de artilugio y buscas lo siguiente:

     <div id='sidebar-wrapper'>

2. Abajo del codigo anterior pegamos lo siguiente:

<div id='social'>
<center>

<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='RSS'><img src='http://3.bp.blogspot.com/_dZM2bJJMfBs/TQzz5cEhgMI/AAAAAAAABDs/CEmvLcqrFgU/s000/rss.png'/></a>

<a href='URL DE TU TWITTER'><img src='http://2.bp.blogspot.com/_dZM2bJJMfBs/TQzz5vLD8TI/AAAAAAAABDw/_gbjAghfC6E/s000/twitter.png'/></a>

<a href='URL DE TU FACEBOOK'><img src='http://1.bp.blogspot.com/_dZM2bJJMfBs/TQzz5w1INSI/AAAAAAAABD0/Xnq-RgofXQQ/s000/facebook.png'/></a>

</center>
</div>

Reemplazas lo que esta en azul por lo que se indica y listo guardamos los cambios.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

16 Comentarios

  1. mayo 26, 2011    

    Me gustaria tenerlos, pero el comando que tu dices div id=’sidebar-wrapper’ no lo tiene mi plantilla, no sabes a que se debe, mi blog es: http://mhermonec.blogspot.com gracias por su apoyo

  2. mayo 26, 2011    

    @MHermon Lo que pasa es que tu usas una plantilla hecha por el Diseñador de plantillas de Blogger,en tu caso debes buscar el siguiente atributo:

    <div class=’descriptionwrapper’>

    y debajo de ella si pegas el codigo de los iconos 😉

  3. mayo 26, 2011    

    Pido perdon por mi ignorancia y muchas gracias por su enseñanza y apoyo. Bendiciones

  4. Anonymous Anonymous
    mayo 26, 2011    

    cabecera?? io lo veo en la sidebar

    ta malo el titulo loc@

  5. mayo 26, 2011    

    @Anónimo ok gracias por hacerme caer en cuenta del error corregido 🙂

  6. mayo 26, 2011    

    @MHermon Gracias por tus bendiciones amigo son bienvenidas y relajate para eso estamos para ayudar y enseñar 🙂

  7. Anonymous Anonymous
    junio 5, 2011    

    hola , una pregunta como coloco esa barra que tienes para compartir a diferentes medios socales como bitacoras, digg wikio etc .

  8. junio 6, 2011    

    @Anónimo Bueno esa barra se llama sexy bookmarks y la puedes conseguir aqui

    http://miltrucosblogger.blogspot.com/2011/03/sexy-bookmarks-en-espanol-para-blogger.html

  9. junio 10, 2011    

    OYE MIS RESPETOS, AGRADEZCO MUCHO ESTA PUBLICACIÓN, ME SIRVIO MUCHO DE VERDAD QUE HARIAMOS SI NO HUBIERA GENTE ESPECIALISTA EN CIERTAS COSAS.

    SOLO TE DESEO LO MEJOR DE LO MEJOR, SALUDOS

  10. junio 10, 2011    

    @AGATONEGO Me alegra que te haya gustado y gracias por los buenos deseos.

  11. junio 11, 2011    

    oie yo lo veo en la cabezera me gustaria tenerlo como tu en la sidebar pero yo tengo un blog http://www.irapuato3m.blogspot.com/

  12. junio 12, 2011    

    @Michel Abraham Ramos Soto Estuve mirando tu blog y usas la plantilla de Blogger Awesome y esta plantilla no trae el atributo <div id=’sidebar-wrapper’> que es la del sidebar asi que lo que te recomiendo es es que cambies de plantilla.

  13. septiembre 12, 2011    

    Bueno y si quiero alinearlo a la derecha como en tu blog como lo hago? Si cambio center por right o left siempre se queda a la izquierda y no es lo que quiero.

    Por cierto muy buen blog, me está sirviendo de mucho para el mio.

  14. septiembre 12, 2011    

    Chazar dejame averiguar un poco porque yo lo tenia bien,dame un dia y te digo la respuesta ok

  15. agosto 1, 2012    

    Para colocar estos iconos es de lo mas facil n_n!!!! no se compliquen con entrar a editar la plantilla de su blog, con tan solo poner un elemento “html/javascript” y pegar la parte de codigo que nos dice el url al que nos va a dirigir y la fuente de imagen (src) con eso basta y sobra n_n! ;3 buen blog y bonitos iconos n_n!!!

    • agosto 2, 2012    

      Sii tambien puede ser como tu dices Leslie… Saludos.

Deja un comentario

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




Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo