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.


16 comentarios

MHermon · mayo 26, 2011 a las 3:27 pm

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

Juvinao · mayo 26, 2011 a las 4:08 pm

@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 😉

MHermon · mayo 26, 2011 a las 4:41 pm

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

Anonymous · mayo 26, 2011 a las 6:25 pm

cabecera?? io lo veo en la sidebar

ta malo el titulo loc@

Juvinao · mayo 26, 2011 a las 7:26 pm

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

Juvinao · mayo 26, 2011 a las 7:32 pm

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

Anonymous · junio 5, 2011 a las 10:27 pm

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

Juvinao · junio 6, 2011 a las 1:09 am

@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

AGATONEGO · junio 10, 2011 a las 12:38 am

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

Juvinao · junio 10, 2011 a las 12:58 am

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

Michel Abraham Ramos Soto · junio 11, 2011 a las 9:53 pm

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/

Juvinao · junio 12, 2011 a las 12:45 am

@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.

Chazar · septiembre 12, 2011 a las 2:41 am

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.

Juvinao · septiembre 12, 2011 a las 1:35 pm

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

Leslie Mishigan · agosto 1, 2012 a las 11:01 pm

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!!!

    Juvinao · agosto 2, 2012 a las 1:45 am

    Sii tambien puede ser como tu dices Leslie… Saludos.

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 *