Añadir iconos para compartir en redes sociales


Digg, myspace, facebook, twitter, Delicious... si quieres que todas estas comunidades y muchas más estén disponibles para compartir contenido de tu blog de blogger deberemos hacer lo siguiente:

1) Vamos a la página de AddThis. Seleccionamos las mismas opciones que hay en la siguiente fotografía y luego clicamos en "Get Your Button"


2) Apareceremos en otra pantalla y deberemos bajar un poco hasta encontrarnos con esto:

3) Ahora vamos al panel de control de nuestro blog --> Diseño --> Edición de HTML --> Marcamos la casilla de expandir artilugios.

4) Buscamos el siguiente código: <div class='post-footer'> (tecleamos Ctrl + F para buscar más rápido)

5) Ahora pegamos el código que hemos obtenido justo después de <div class='post-footer'>

6)
Clicamos en vista precia y si no hay ningún error guardamos la plantilla. El resultado lo puedes ver en este mismo blog a continuación:

52 comentarios:

  1. Gracias amigo... ahora ya sé como colocar este add n_n

    ResponderEliminar
  2. Gracias a ti por tu comentario y por tu visita.

    ¡Un saludo!

    ResponderEliminar
  3. Muuuchas gracias andaba tiempo buscandolo! Pero algo falla en mi plantilla que no aparece el div class='post-footer'

    ResponderEliminar
  4. Hola Gxux. Bienvenido.

    Busca solo: post-footer.

    Un saludo.

    ResponderEliminar
  5. Hola
    ¿por qué no me sale la opción de correo electrónico ni imprimir sino sólo las redes sociales?¿Qué hice mal?
    Cabela

    ResponderEliminar
  6. ¿Y como hago para borrar el código sin malograr la plantilla html?
    Cabela

    ResponderEliminar
  7. @ JamesDraco. Gracias a ti. Bienvenido!

    @ Cabela. Prueba a pulsar sobre la tecla "más" allí aparecen más opciones de redes sociales y puede que ahí esté la opción que buscas. Si borras lo que copiaste previamente no habrá ningún problema. De todas formas, siempre hay que guardar una copia de la plantilla por lo que pueda ocurrir en un futuro.

    Un saludo a los dos y gracias por vuestros comentarios.

    ResponderEliminar
  8. Genial Amigo!! Ya lo puese en práctica!!

    ResponderEliminar
  9. Perfecto Fabricio! Es una herramienta indispensable en los tiempos que corren. Me alegro que te sirva.

    ResponderEliminar
  10. Gracias !!!!!

    pero la pagina no funciona :(

    Saludos

    ResponderEliminar
  11. Pues a mi no me aparece en mi plantilla no ni el div class ni solamente post-footer

    ResponderEliminar
  12. Busca algun div que este relacionado con footer. Busca solo footer a ver que te aparece.

    Tambien puedes probar con este otro sistema: http://www.quierocrearunblog.com/2009/08/poner-iconos-en-el-blog-de-blogger.html

    ResponderEliminar
  13. Pues nada que no lo veo claro. ¿Tiene que ver que la plantilla está hecha en XML?

    ResponderEliminar
  14. Si tu blog es de blogger, que veo que si, no tienes que preocuparte porque es XML.

    ¿Que no ves claro?

    ResponderEliminar
  15. Pues cuando pongo div class=post-footer en buscar en edicion HTML con artilugios expandidos no lo encuentra. Mi plantilla no es de las prediseñadas de blogger

    ResponderEliminar
  16. A veces buscando el código entero no aparece lo que buscamos. Prueba a buscar sólo footer a ver si así das con él.

    Respecto a que no es prediseñada por blogger, estamos de acuerdo (no es de las plantillas disponibles cuando te registras), pero sigue siendo adaptada a blogger y bajo su plataforma.

    ResponderEliminar
  17. Hola Admin, esta opción me parece interesante pues la gente podrá compartir el contenido que encuentre en nuestros blogs.

    Pero algo no me gusto como quedo, las entradas relacionadas, las etiquetas la opción de compartir y la de editar están muy abajo y quisiera saber como arreglar eso, es mi blog de arte, si quieres te mando la plantilla para que la veas y haber si me puedes ayudar.

    Saludos

    ResponderEliminar
  18. Hola Gigaman. En tu plantilla antes del código de esta entrada que has puesto trata de poner <br></br> Es para colocar espacios. Puedes colocarlo las veces que tú quieras.

    ResponderEliminar
  19. Gracias por tu respuesta pero no me ha funcionado, pues se sigue recorriendo, mas bien lo que habría que hacer es aumentar el espacio entre los títulos de cada entrada y la de los complementos que le puse pero bueno, voy a tener que tomar cursos de HTML, eso si gracias a tu ayuda voy entendiendo mejor.

    Gracias y saludos.

    ResponderEliminar
  20. Te aconsejo que vayas haciendo pruebas con lo que te he explicado del < br. Haciendo pruebas te darás cuenta de las partes que vas modificando, y al mismo tiempo te vas a familiarizar con tu plantilla.

    Gracias a ti, saludos.

    ResponderEliminar
  21. Tus consejos no me fueron útiles, de hecho tengo la extension firebug en el firefox y fui analizando cada cosa con el y no me quedo de otra que colocar el código antes del post-footer osea en el cuerpo de la entrada y no quedo tan mal, ahora solo debo ajustar las entradas relacionadas pues no estan bien posicionadas o en su defecto dejarlas así.

    Gracias por este blog, la verdad quien sabe como lo habria armado de no ser por tu ayuda.

    ResponderEliminar
  22. Hola Gigaman, siento que no te haya sido útil. Pero sí me alegro que vayas probando cosas en la plantilla de tu blog. Así se aprende un montón. Ya lo verás.

    Muchas gracias por tus palabras de agradecimiento. Un saludo compañero.

    ResponderEliminar
  23. ya toi otra vez por aqui jejje pa variar he estado mirando esto que has puesto y para que funcionen que hay que registrarse en cada pagina para que te funcionen o como va esto

    ResponderEliminar
  24. Hola goyu. Sólo tiene que estar registrado el lector que se dispone a enviar tu noticia. Obviamente tú también puedes estar registrado y enviar tus propias noticias; pero sí, hay que registrarte en esas redes sociales.

    ResponderEliminar
  25. Gracias por el aporte,ya lo puse en practica y queda bien,tambien funciona bien.
    Gracias amigo.
    Bendiciones.

    ResponderEliminar
  26. Hola fer. Me alegro que estés contento con el resultado. Gracias por tu visita y por tu comentario. Saludos.

    ResponderEliminar
  27. oye que ni siquiera buscando por "footer" solo
    tampoco se encuentra, lo siento

    ResponderEliminar
  28. Hola Cauca. Déjame el nombre de tu blog para que pueda ver el problema. Gracias por tu visita y comentario.

    ResponderEliminar
  29. oye y como hago para editarlas osea moverlas de lugar o poner y quitar ?? mi blog es el siguiente www.riotradiorock.com agradecere tu ayuda

    ResponderEliminar
  30. Muchas gracias, me resultó de gran ayuda tu post...no tuve ningún problema al colocarlo.

    Saludos!

    ResponderEliminar
  31. Hola kurasaibo. Para eliminarlo solo debes deshacer los pasos que has seguido para colocar estos iconos. No hay más misterio que ese. Lo que pusiste en tu plantilla hay que eliminarlo y ya está. Un saludo y bienvenido al blog.

    Hola navirelover. Gracias por contarnos tu experiencia con los iconos para compartir en redes sociales. Saludos y bievenido al blog.

    ResponderEliminar
  32. Gracias por tu trabajo!!! He tomado muy buenas ideas de este lugar!!!!

    ResponderEliminar
  33. Hola El Quik. Muchas gracias por tu comentario. ¡Bienvenido al blog!

    ResponderEliminar
  34. Hola: tu blog me está sirviendo de gran ayuda para ir mejorando el mío poco a poco. ¡Por fin he conseguido añadir los malditos iconos! Y lo mejor es que funcionan perfectamente :)))
    Muchas gracias por tus detalladas explicaciones.
    Por supuesto, te he enlazado.
    Un saludo y feliz año,
    CriX

    ResponderEliminar
  35. Hola CriX. Gracias por tus palabras, me enorgullece leerlas. Feliz año a ti también. Espero volverte a ver por aquí. ¡Un saludo!

    ResponderEliminar
  36. Hola, como estas? bueno yo esto lo aplique hace mucho tiempo,no se si me podras ayudar, el problema es que cuando la gente o yo misma uso el add para faceboook, sale el titulo de la entrada, pero en el texto sale un texto de los gadgets siempre el mismo.
    se puede modificar d alguna manera para que se pubique el texto de la entrada??
    Gracias!?

    ResponderEliminar
  37. Como siempre, excelente.
    Gracias, es un tutorial bien explicado y muy útil.

    Saludos desde Colombia.

    ResponderEliminar
  38. @Ana. Hola, no sé ayudarte ya que no empleo Facebook y no sé cómo se envían las entradas allí. Lo lamento :(

    @Felipe. Muchas gracias por tus palabras amigo. Un saludo igualmente, pero desde España ;)

    ResponderEliminar
  39. @QuierocrearunBlog: el resultado es totalmente diferente al que tu tienes, me aparece una casilla que dice "seach" y al costado unos 4 iconos... pero el objetivo es el mismo, me sirve y me gusta más que el que tu tienes.
    Saludos, Jorge

    ResponderEliminar
  40. Gracias por tu ayuda. Me gusta más esta opción que los botones de wikio.

    ResponderEliminar
  41. GRACIAS GRACIAS GRACIAS!! Llevo toda la mañana peleándome con ello hasta que he encontrado tu explicación y lo he conseguido!

    Un saludo!

    ResponderEliminar
  42. hola, no se deja publicar en mi blog
    Me sale este mensaje

    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "div" must be terminated by the matching end-tag "

    Que hago viejo?

    ResponderEliminar
  43. ah, ya probe con el otro truco
    funciono
    mil gracias!
    saludos de colombia.

    ResponderEliminar
  44. Muchísimas gracias. Me ha servido de mucho!
    un gran abrazo desde Buenos Aires, Argentina.

    ResponderEliminar
  45. Muchas gracias po el post.
    Llevaba tiempo buscando como hacerlo, pero no lo había encontrado.
    Quiero felicitarte por el gran trabajo que haces.

    ResponderEliminar
  46. Hola,

    Vengo con un poco de retraso, pero aterrizo a partir del nuevo post acerca del gadget que ha publicado Blogger.

    Ni ese gadget ni este sistema.. :-S

    Voy a la web, consigo el código, lo agrego en el código tal y como se indica, pero cuando cargo la página, no se ve nada.. :-(

    ¿Qué puedo estar haciendo mal?

    Muchas gracias,

    ResponderEliminar
  47. JAJAJA EXCELENTE, ES UN PLACER CUANDO PONES VISTA PREVIA Y APARECE BIEN, MUCHAS GRACIAS POR TODO NUEVAMENTE, EN MI BLOG ESTA OPCION FUNCIONA DE DIEZ, CON LA OTRA ALTERNATIVA QUE DA BLOGGER NO ME FUNCIONABA.

    ResponderEliminar
  48. Gracias...he estado buscando esto desde hace tiempo para mi blog...como agradecimiento voy a hacer un enlace en mi web de tu blog..puedes verlo en laberintosdeltiempo.blogspot.com

    ResponderEliminar
  49. Hola!!! Soy nueva por aqui y pues te queria hacer una pregunta:
    Al poner el codigo y todo, el boton de compartir queda en la entrada??? o en lo que es el blog???

    ResponderEliminar