5 mar. 2011

¿Cómo poner iconos sociales del tipo sígueme en el Blog?



Los iconos sociales del tipo "Sígueme" permite a los lectores de tu blog enlazar con los diferentes perfiles sociales Twitter, Facebook, RSS, Google+,Pinterest, Youtube en los que tienes presencia.

Si eres nuevo y no conocidas iniciaBlog,  me gustaría darte la bienvenida y contarte que en este blog podrás encontrar multitud de tutoriales para tu blog usando Blogger, por lo que te invito a visitar el índice de contenidos para descubrir nuevos temas.


NOTA IMPORTANTE:
Mi nombre es Jesús González y soy el autor de iniciaBlog. Si estás buscando una herramienta que te ayude a difundir las publicaciones de tu blog, debes saber que junto con mi equipo he desarrollado BlogsterApp - Te invitamos a conocer este nuevo servicio. Pruébalo ahora con tu blog de manera gratuita.
Un abrazo, Jesús Gonzalez, autor de iniciaBlog y BlogsterApp.

iconos sociales twitter, facebook, pinterest, linkedin, youtube en Blogger
Tutorial que te ayudara a incluir icono sociales a tu blog.

¿Qué necesitas?

Lo más importante es buscar un icono que te guste, que vaya con el estilo de tu blog, elegir el tamaño más apropiado y por supuesto tener claro la URL hasta tu medio social.

Te propongo dos maneras de afrontar este reto, la primera es mediante las siguientes colecciones seleccionadas previamente por iniciaBlog, la segunda es buscando otro estilo de iconos.

En las colecciones seleccionadas por iniciaBlog tienes dos tamaños y podrás ver que lo único que tienes que hacer es copiar el fragmento de código que tienes, pegarlo en un gadget del tipo HTML/JavaScript de Blogger....bueno...vamos por parte, esto te lo explico luego. Mira primero estas colecciones y seguimos un poco más abajo.

Método 1. Colecciones de iconos de iniciaBlog (método fácil)

Colección Estandar

Tamaños/Codigo HTML

CANAL

M (32px)

XL (48px)

Twitter

Facebook

Google+

RSS:

Flickr

Picasa

Youtube

Tumblr

Pinterest

Linkedin

Blogger

Instagram


Colección Ballons

Tamaños/Codigo HTML

CANAL

M (32px)

XL (48px)

Twitter

Facebook

Google+

RSS:

Flickr

Picasa

Youtube

Blogger

Instragram


Video tutorial



Tutorial Paso a Paso

Paso 1. Copia el código de cada icono en un bloc de notas:

  • Una vez seleccionado el icono que te gusta, copia el fragmento de código que se encuentra justo debajo de cada imagen.
  • Abre el Bloc de notas y pega el fragmento de código
  • Solo tienes que indicar la URL hasta tu canal social correspondiente al icono, es decir si el icono es de Twitter deberás indicar la url hasta tu canal en Twitter, lo mismo para el resto.
  • Te he puesto en MAYUSCULAS allí donde deberás indicar la URL correpondiente
  • Repite estos mismos pasos si vas a incorporar a tu blog varios de estos iconos. De manera que el mismo bloc de notas vas pegando los diferentes fragmentos de código correspondiente a cada uno de tus canales sociales.

Paso 2. Pegar el código HTML en el blog

  • Una vez que hayas indicado la URL de tus canales sociales a cada pequeño fragmento
  • Selecciona todo el código personalizado del bloc de notas y cópialo
  • Pega el código en el Blog, para ello
    • Abre la pestaña "Diseño"
    • En la barra lateral elige "Añadir nuevo Gadget"
    • Se muestra una lista, elige el que pone "HTML/Javascript"
    • En título pon por ejemplo Sígueme
    • En contenido, pega el código obtenido anteriormente
    • Guarda la plantilla y visualiza el blog.
    • Recuerda que puedes mover el Gadget para situarlo en el sitio deseado
Prueba que cada icono te lleva a tu canal social, si esto no fuera así es que hay algo que no va en la dirección que has puesto, edita el propio Gadget y seguro que encontrarás dónde te has equivocado.

Seguimos publicando nuevas colecciones y completando las existentes, por lo que si necesitas un icono que no está en cualquiera de las colecciones anteriores solo tienes que solicitarlo mediante un comentario en esta misma entrada.

Hasta aquí el tutorial si te has decidido algunas de las colecciones de iniciaBlog. Espero que te haya resultado fácil, te invito a dejar un comentario y a compartir esta entrada con tus amigos y seguidores.

Ah! se me olvidava, si quieres recibir las próximas publicaciones de iniciaBlog directamente en tu correo electrónico solo tienes que hacer clic para suscribirte a nuestro boletín gratuito.

Por último, por favor no salgas de iniciaBlog sin ver esto, creo que te va a gustar.





Método 2. Crear tu propia colección de iconos (avanzado)


Paso 1. Busca un gráfico (.png) por cada canal social que tengas en tu blog
  • Por ejemplo vamos a buscar un icono para nuestro canal social en Twitter
  • Te recomiendo el servicio iconFinder. Haz clic en este enlace para que veas iconos de Twitter: 
  • Cuando veas uno que te guste, haz clic sobre la imagen para acceder a opciones de descarga
  • Elige el tamaño del icono a descargar. Los que yo tengo a la derecha son de 32x32 píxeles
  • Descarga el icono en formato PNG hasta tu ordenador
Paso 2. Publica los iconos en un Hosting Gratuito
Como estamos en Blogger, no podemos subir directamente un archivo hasta un hosting. Para suplir esto lo que haremos es utilizar Google Site que te permite publicar archivos hasta 1 Gbytes, más que suficiente.
  • Entra en Google Sites
  • Crea un sitio nuevo. Solo si no lo tenias creado de antes 
    • Presiona el botón Crear nuevo sitio
    • Coloca un nombre para tu sitio (sin espacios ni caracteres extraños)
    • Presiona el botón Crear Sitio

  • Una vez dentro, ve al desplegable Más acciones y luego elije Administrar Sitio 
  • A la izquierda veras otro panel elije la opción Archivos Adjuntos
  • Presiona el botón Subir 
  • Examina tu ordenador y selecciona la imagen elegida en el paso anterior
  • Publica en el directorio principal (no es una subcarpeta) de tu sitio web en Google Site.
Paso 3. Código HTML por cada canal social
  • Copia el siguiente fragmento de código. Se trata de una simple imagen alojada en Google Site con un link hasta el canal social. En este caso corresponde a Twitter:
<a href="http://www.twitter.com/iniciablog" target="_blank"><img src="https://sites.google.com/site/iniciablog/twitter32.png" alt="Seguir a iniciaBlog en Twitter"/></a>
         En lo seleccionado en rojo debes colocar tu dirección de twitter, facebook, etc.
         En lo seleccionado en verde desde indicar la dirección url de tu sitio en Google Site/tuarchivo.png 
         En lo seleccionado en azul, debes indicar un texto de ayuda (texto alternativo)
  • Pega el fragmento anterior hasta un bloc de notas
  • Modifica el fragmento e indica tu canal social y la url hasta el archivo publicado en Google Sites


Paso 4. Pegar el código HTML en el blog
  • Selecciona tu fragmento personalizado y cópialo
  • Pega el código en el Blog, para ello
    • Abre la pestaña "Diseño" y luego "Elementos de la página"
    • En la barra lateral elige "Añadir nuevo Gadget"
    • Se muestra una lista, elige el que pone "HTML/Javascript"
    • En título pon por ejemplo Sígueme
    • En contenido, pega el código obtenido anteriormente
    • Guarda la plantilla y visualiza el blog.
    • Recuerda que puedes mover el Gadget para situarlo en el sitio deseado
Comprueba que se ve el icono y que cuando haces clic te lleva a tu canal.

Recuerda que si luego decides poner otros iconos sociales, debes editar el Gadget donde está el primero de ellos e ir pegando cada uno de los códigos por cada canal social que tengas.

Mil gracias por llegar hasta aquí, por favor deja tu comentario tanto si te ha salido como sino, es la única manera de seguir mejorando.

Si quieres recibir las próximas publicaciones de iniciaBlog directamente en tu correo electrónico solo tienes que hacer clic para suscribirte a nuestro boletín gratuito.

Actualizado el 15 de Mayo de 2013

374 comentarios:

  1. No se muy bien dónde ver el HTLM!!!

    ResponderEliminar
  2. Muchas gracias por la explicación!
    Saludos,

    ResponderEliminar
  3. Ane,

    Muuuuchas gracias por tu comentario!!!

    ResponderEliminar
  4. Anónimo8/4/11 10:04

    Estoy probando el tema de los iconos para añadirlos a un blog de Wordpress. Donde encuentro la Pestaña Diseño? Aquí ya me he perdido...

    ResponderEliminar
  5. upss. El procedimiento es aplicable a Blogger no a Wordpress

    ResponderEliminar
  6. yo tengo un blog..el paso 4 no entiendo..porq tengo q ir a googlesites..

    ResponderEliminar
  7. El asunto es hacer un upload (publicar) los archivos que has seleccionado. Google Site es ideal porque tienes hasta 1 GBytes y no pretende sustituir tu blog sino servir para almacenar los archivos que luego veras en el blog. Ideal por ejemplo tambien si quieres subir un archivo PDF y luego hacer link desde tu blog. Tambien podrías usar Picasa para alojarlos (no lo he probado) y el otro servicio es Dropbox es tambien ideal.

    Coméntanos. Gracias por tu comentario.

    ResponderEliminar
    Respuestas
    1. pero si tenemos un blog el gogle site no deja llamarlo igual, lo llamamos de otra forma?

      Eliminar
  8. ahh pero es obligacion hacer eso..yo solo quiero poner los icnos de las redes sociales haci como tu tienes en la parte derecha.

    ResponderEliminar
  9. los iconos sociales son archivos gráficos que deber subir a algún sitio para luego utilizarlos desde el blog.. Trata de seguir en tutorial y estoy seguro de que lo iras viendo mas claro.

    ResponderEliminar
  10. ya subi el icono de twitter pero no veo q se lo este utilizando.

    ResponderEliminar
  11. dame el enlace a el icono de Twitter

    ResponderEliminar
  12. ¡Hola Scarlet!.

    El archivo PNG al que me refiero es aquel que te gustaria poner en tu blog. haz diferentes busquedas en www.iconfinder.net (mejor pulsa el enlace del tutorial) y cuando veas un grafico que te guste lo podras descargar hasta tu ordenador en formato PNG para luego publicarlo y usarlo desde tu blog.

    Comentamos si te sale. Si vez que necesitas ayuda dejame saber un correo electrónico mediante el cual comunicarnos. Si quieres usa el formulario de contacto de este blog. como prefieras...pero seguro te sale.

    Te espero....

    ResponderEliminar
  13. Perfecto!!! Muchas gracias!!!

    ResponderEliminar
  14. Hola Con-Equidad

    Muchísimas gracias por dejar tu comentario en ¿Cómo poner iconos sociales del tipo sígueme en el..."

    Te invio a ojear el índice de contenidos y además te recomiendo seguir "Cómo poner el botón de Me gusta de facebook en cada entrada del Blog"

    Fíjate que todo lo que puedes ver en iniciaBlog está explicado o en proceso.

    Seguimos en contacto y no dudes en comentarme cualquier duda con respecto a los diferentes tutoriales.

    ResponderEliminar
  15. Genial! Buen post!! Me he costado hacerlo ya que me había perdido en el paso 8, pero ya lo tengo, muchas gracias!!

    ResponderEliminar
  16. Hola Lucia,

    Gracias por tu comentario...voy a mejorar este post un poco más....
    He visto tu blog está perfecto!!!
    Felicidades por las fotografias me han gustado.

    ResponderEliminar
  17. Muchas gracias!!!!
    estuve buscando mucho tiempo el cómo hacer esto y en mi opinón tú eres la persona que lo explicó de la mejor manera.
    otra vez,muchas gracias
    (:

    ResponderEliminar
  18. Gracias Mara,
    Para mi es un honor recibir un comentario como el tuyo. Te animo a seguir otros tutoriales y no dudes en preguntarme cualquier duda que surga.

    Un abrazo.!

    ResponderEliminar
  19. amo tu explicacion pero yo no pudee!! waa!!!
    expliicas iincreiiblee...!! :)'

    ResponderEliminar
  20. Holaaa!! Intento hacer el paso 4, pero no me sale! Me perdí :(

    ResponderEliminar
  21. Creo que ya lo logré! Gracias :D

    ResponderEliminar
  22. Sencillamente GENIAL!
    Después de mucho buscar por la red explicaciones complicadas... lo he conseguido gracias a tu post!!!

    Me quedo por aquí!!

    Un saludooo!

    ResponderEliminar
  23. Gracias Miriam!!!

    Un verdadero honor, además veo me que sigues a través de Twitter.

    Bienvenida y coméntanos cual es tu blog para echarle un vistazo. Gracias.

    ResponderEliminar
  24. hola iniciablog, recién te escubrí! je!...todo bien con el tutorial pero me perdí en un punto. En donde dice "En lo seleccionado en verde desde indicar la dirección url de tu sitio y el archivo PNG" tengo la url del sitio pero cómo agregar el archivo PNG (no se si es muy básica esta pregunta pero lo he intentado copiando el nombre del archivo y no sale el icono) agradecería una respuesta, te agradezco de antemano :)

    ResponderEliminar
  25. Esta muy buena la post, pero aun tengo una pequeña duda, mi sitio wed es un blogger! Como hago para subirlo hay?

    Gracias!! :D

    ResponderEliminar
  26. Estoy mejorando este tutorial....

    ResponderEliminar
  27. Excelente post, muchas gracias y felicidades

    ResponderEliminar
  28. Gracias Piligüiji por participar en iniciablog con tu comentario.

    ResponderEliminar
  29. De nada!!! ^^
    Mi blog, ya lo habrás podido ver por twitter, está relacionado con anécdotas de la carrera de medicina, noticias de salud, etc... :)

    Un saludo

    http://futuradoctoranova.blogspot.com/

    ResponderEliminar
  30. Anónimo2/7/11 22:37

    ¡Muchas gracias Jesús! Hoy me reté a mí misma con incluir un enlace a Facebook en mi blog. Hice caso de tus recomendaciones (música incluida) y ya lo tengo casi listo. Un detalle "extraño" que quiero consultarte: junto al icono de Facebook que he elegido, sale uno de mi blog (un par de herramientas) de manera permanente. Normalmente este icono sólo se ve cuando estoy modificando el diseño del mismo. Tanto si selecciono este icono como el de Facebook, ambos me llevan a mi Facebook. Un tanto raro, ¿no? ¿Cómo puedo hacer que desaparezca el icono de las herramientas? ¡¡Gracias de nuevo!!
    Saudos, Esther
    Mi blog: www.estherdejuglaria.blogspot.com

    ResponderEliminar
  31. Hola Esther,

    He visto tu blog y me ha encantado!!!. He visto lo de las herramientas que cosa más rara. normalmente aparecen solo cuando haces cambios en el blog en los Elementos de la pagina y lo que quiere decir es que puedes cambiar directamente la plantilla pulsando estas herramientas te lleva a la edición del Gadget.

    Creo que has podido sin querer arrastrar la imagen de las herramientas y han quedado como parte del enlace, jeje. Edita nuevamente el código donde tienes lo de Facebook y quita lo que veas raro y prueba.

    Ya me dices vale!

    ResponderEliminar
  32. Anónimo4/8/11 8:38

    ¡Muchas gracias por la información! (Y también por responder tan rápido.)
    La pondré en práctica tan pronto pueda.

    Saludos,
    Esther

    ResponderEliminar
  33. Este tutorial es justo lo que estaba buscando, muchísimas gracias!!

    ResponderEliminar
  34. Gracias Carlos!!! me alegra saber que te ha venido bien.

    Saludos y mucha suerte ;-)

    ResponderEliminar
  35. Me quede en el punto de publicarlo en la raíz. Tengo el icono en archivos adjuntos y en actividades recientes. Gracias

    ResponderEliminar
  36. Anónimo6/8/11 19:14

    Muchas, pero muchas gracias lo hice y ahora mi Blog se ve mucho mejor y sobre todo puedo aprovechar el espacio. Me sirvió mucho.

    ResponderEliminar
  37. Anónimo6/8/11 22:54

    Muy bueno, lo conseguí.
    Una cuestión mas: mis iconos estan alineados en la sidebar (que está mas o menos armada)... alguna sugerencia para separalos y/o que queden centrados????

    ResponderEliminar
  38. Anónimo7/8/11 2:27

    Tal vez este preguntando cualquier cosa...pero:
    .yo tengo las imagenes de mi blog alojadas en un post del mismo, logicamente en borrador. Probé el método y funciona.

    .con este mismo "truco" podríamos hacer imagenes-links a nuestras categorías/etiquetas, verdad? Cambiando url e imagen...el mismo HTML. Conviene?

    Gracias por tu ayuda

    ResponderEliminar
  39. Felicidades Caicaver te han quedado muy bien, te he dejado un comentario en tu blog.

    Saludos y gracias por tu comentario.

    ResponderEliminar
  40. Hola Anónimo,

    Efectivamente cuando incluyes imágenes dentro de un post, blogger las sube hasta un album asociado al blog en Picasa. Veo que has experimentando y de eso se trata. Lo del tema de imagenes ppr categoria a mi me parece una buena idea. Coméntanos cuando lo tengas para ver.

    Saludos y mucha suerte!

    ResponderEliminar
  41. me he quedado en el punto de google sities. no comprendo este punto "Publica en el directorio raíz de tu sitio web en Google Site." me ayudarias?

    ResponderEliminar
  42. Hola Vani: B,

    Es muy sencillo a lo que se refiere es que no crees una subcarpeta para publicar tu archivos png, eso es simplemente para no complicar mas la url. Cuando digo mis archivos estan en el directorio raiz es que mo estan dentro de una carpeta. ej, https://sites.google.com/site/iniciablog/twitter32.png

    ResponderEliminar
  43. Caicaver,

    He visto tus iconos y han quedado perfecto. Saludos,

    ResponderEliminar
  44. Mi sucede algo: si tengo la cuenta de Blogger abierta, se ven los íconos perfectamente, pero si cierro la cuenta, no aparecen, ¿sabes a qué se debe ese fenómeno?

    ResponderEliminar
  45. Hola Luis,
    Puede deberse a que tu sitio en Google Site no esa público, eso explica que cuando esta identificado veas lo iconos y cuando te desconectas no.

    Asegúrate que esta "Publico en la Web" mira la imagen que acompaña a este post.

    Coméntame!

    ResponderEliminar
  46. Hola Jesús, todo solucionado!
    muchas gracias!

    ResponderEliminar
  47. Perfecto Romina,

    Hemos formado un buen equipo, jeje.

    Saludos.

    ResponderEliminar
  48. Jesus! yo segui tus pasos en uno de mis blogs y me salio perfecto, ahora estoy armando otro y no me sale el icono de facebook, si el de twitter, puede ser que solo funciona el enlace si es una pagina? o puede hacerse con un perfil de twitter? es decir con una cuenta de usuario. soy bren, de "Amo Ser Mama"

    ResponderEliminar
  49. hola.. me ayudo mucho tu post, un consejo, en la pagina iconfinder seria mas facil buscar por tamaños, 32x32 preferentemente como tu lo mencionas y en la imagen qe nos de solo darle clic secundario y la opcion "copiar url de la imagen" nos ahorrariamos todo el paso 2 de volver a subir y demas

    ResponderEliminar
  50. otra opcion es la pagina http://www.iconarchive.com . en ella elejimos el icono qe nos gusta y con solo darle al tamaño qe deseamos no abre el icono en la ventana, solo copiariamos el url.. suerte.. espero te sirva el tip

    ResponderEliminar
  51. Hola Rhoo

    Me ha encantado este aporte, no sabia que podias obtener de manera tan directa la url de la imagen en iconfinder, sin duda es un gran aporte. Efectivamente con esto puedes ahorarte la parte de tener publicar la imagen en Google Site.

    A favor de Google Site, conocer este producto es un valor agregado de este tutorial ya que nos sirve también como sitio para alojar otros archivosdel tipo PDF.

    Tu comentario queda y quizás en próximas revisiones de este mismo post cambie el procedimiento.

    Muchas gracias.

    ResponderEliminar
  52. Graciaaaas! mejor explicado imposible!!!

    ResponderEliminar
  53. Gracias Profesora, menudo lujo de comentario.
    Un abrazo y mucha suerte
    Saludos, Jesús

    ResponderEliminar
  54. puedo poner el boton de twitter pero el de las otras redes sociales no :( los pongo al de facebook pero cuando apreto sobre ellos nada que hago?

    ResponderEliminar
  55. Hola Us..
    El procedimiento es el mismo, tienes que buscar el icono y conoce el enlace hasta tu pagina de facebook....

    Si quieres envíame el código que tratas de poner y que no te sale a través del formulari de contacto..

    Muchas gracias por tu comentario.

    ResponderEliminar
  56. ¡Muchas gracias por el tutorial! Ya he puesto los botones para seguirnos en el blog. De momento 4 (Facebook, Twitter, RSS y mail), y parece que funcionan bien. :-)

    Un saludo.

    http://conlosninosenlamochila.blogspot.com/

    ResponderEliminar
  57. Hola Niños en la mochila,

    Están perfectos!!! enhorabuena
    Saludos Jesús.

    ResponderEliminar
  58. Muchas gracias por tu publicaión. Me ha llevado un ratillo pero lo he conseguido!!

    ResponderEliminar
  59. Gracias mistrucosparaeducar,

    Me alegro que hayas primero podido hacer este tutorial, reconozco que es uno de los mas "complejos" y segundo que te hayas decidido a comentar.

    Gracias por participar en iniciaBlog,
    Por cierto he visto y blog y el botón enhorabuena!

    ResponderEliminar
  60. Anónimo4/9/11 17:32

    Muy bien explicado, ha mejorado mi web site con sus sugerencias y me queda mucho mas por aplicar

    ResponderEliminar
  61. Anónimo4/9/11 22:03

    https://sites.google.com/site/festesdecatalunya/

    gracias por tus indicaciones el resultado ha sido perfecto. Que bueno no sabia como dirigir mi pagina a facebook

    ResponderEliminar
  62. Gradoas Alrodex,

    He visto tu blog y veo que estas aprovechando la tecnologia de Blogger para dar a aspecto de página web...bien hecho! felicidades

    ResponderEliminar
  63. Gracias Anónimo,

    Me alegra saber que te ha servido...gracias por comentar...He visto el icono, ha quedado perfecto!!!

    Gracias y un saludo, Jesús.

    ResponderEliminar
  64. muchas gracias!!!!! la mejor pag que he consultado de temas de blog

    ResponderEliminar
  65. Gracias amig@ anónimo por tu comentario....seguimos trabajando para mejorar.

    ResponderEliminar
  66. Hola, me eh atorado en el punto que dice publica en el directorio raiz, vi que una chica te pregunto lo mismo y eh leido y releido una y otra vez la explicación que le das y la verdad no entiendo nada, ya me duele la cabeza :( me puedes decir paso a paso que es lo que tengo que hacer para publicar en el dicho directorio raiz? ni siquiera veo en donde diga publicar, perdona, no se nada, creo que aqui me veras preguntandote a cada rato. Gracias!!

    ResponderEliminar
  67. Hola Jesús, te cuento que ya eh podido hacerlo con wordpress en vez de google site, pude enlazar únicamente mi flickr, hice lo mismo con mi fb y tumblr y con esos no pude hacer el enlace, hice exactamente lo mismo y no me resulto, ahí como le hago? Saludos!

    ResponderEliminar
  68. Gracias siruela, acaban de comentarme que ya está solucionado el problema. Disculpa las molestias y gracias por tu paciencia.

    Te escribo un email y te aclaro un poco más.

    Gracias y un fuerte abrazo, Jesús-

    ResponderEliminar
  69. Hola Iniciablog me gusta tu post solo que no entiendo los procediientos me podrias ayudar o hacerlo mas entendible gracias

    ResponderEliminar
  70. Hola Anthony...
    bueno de eso se trata de mejorar verdad?....
    Dime qué parte no has entendido o donde ves que no puedes proseguir.

    ResponderEliminar
  71. Estupendo tutorial. Agradecido estoy por tu trabajo. Seguí adelante!

    ResponderEliminar
  72. Gracias Aldo por este estupendo comentario....

    Espero seguir contando contigo en otras entradas de este blog.

    Mucha suerte y un abrazo,

    Jesús

    ResponderEliminar
  73. Este post es GENIAL muchísimas gracias! si hasta yo lo he conseguido es porque es superfacil! Mirad el resultado!

    http://lapoirerouge.blogspot.com/

    ResponderEliminar
  74. Muy bien explicado el mejor que he visto, de verdad se agradece.Un abrazo!

    ResponderEliminar
  75. Hola pero como publico en el directorio raiz de mi sitio web, que es eso? ya hice todo lo que dijiste y el link funciona, pero no aparecen los iconos .png que subio, muchas gracias por tu ayuda

    ResponderEliminar
  76. Gracias Beah...he visto tu blog y los iconos te han quedado perfecto...enhorabuena por completar este tutorial y enhorabuena por tu blog

    Saludos y mucha suerte
    Jesús

    ResponderEliminar
  77. Gracias Foto Motor Tenerife....por visitarme y dejar tu comentario.
    He visto tu blog y más que recomendable...

    Mucha suerte!
    Jesús.

    ResponderEliminar
  78. Hola Rodrigo...

    Lo tienes todo bien excepto la URL hasta la imagen. Para conocer la url debes ir a Administrar Sitio (en el botón de Más) y luego haz clic a la izquierda donde pone enlace al sitio. A esa dirección debes sumarle \elnombredelarchivo.png

    Coméntame vale?

    Saludos, Jesús

    ResponderEliminar
  79. excelente tu explicación!!! segui todos los pasos me funciona, me lleva a twitter, pero la imagen del pajarito no me aparece!, please... ayudame

    ResponderEliminar
  80. Muchas gracias :D estuve buscando esto desde hacia mucho rato

    ResponderEliminar
  81. Gracias Nataly Cervantes...
    Es la primera vez que comentas en este blog...ahora espero que te sirva y que lo puedas implementar el tu blog...cualquier duda o problema coméntame.

    Un abrazo

    ResponderEliminar
  82. Gracias me estas haciendo de mucha ayuda, sigue asi eres muy bueno ya te estoy siguiendo en twitter

    ResponderEliminar
  83. Hola!!!Esta genial!! El problema lo tengo con el mail, soy incapaz de ponerlo para que funcione...como se --> a href="ejemplo"
    del mail. Te lo pongo sin los simbolos porque sino no me deja enviarte el comentario, y lo de la imagen y tal tambien guay, solo tengo problema con definir la direccion porque el resto es muy facil y con las redes sociales ya lo tengo listo!!pero ese se me resiste :(
    thanks!!

    ResponderEliminar
  84. Muchas gracias por ésta publicación, me fue de mucha ayuda, saludos.

    ResponderEliminar
  85. Gracias Aleandro por compartir en este blog tu experiencia.
    He visto tu blog y los iconos sociales, enhorabuena!

    Mucha suerte,
    Jesús González.

    ResponderEliminar
  86. Gracias Joel Quiros....gracias por tu comentario..por cierto trato de seguirte a través de Twitter pero me dice que el usuario no existe.

    Seguimos en contacto!

    ResponderEliminar
  87. Hola, me pierdo en el directorio raíz...¿Podrías echarme una mano?

    ResponderEliminar
  88. Hola Teresa, he cambiado el post...cuando digo directorio Raiz me refiero al que publiques directamente en el sitio y que no crees una subcarpeta para no complicar la url de la imagen.

    ¿ Coméntame vale? Hay varias personas que me ha comentado lo mismo pero no sé exactamente como mejorar el post en ese punto.

    mucha suerte!
    Jesús.

    ResponderEliminar
  89. Anónimo3/1/12 23:57

    Muy buen post, mi pregunta es funcionara en tumblr?

    ResponderEliminar
  90. Hola Anónimo...
    Le he preguntado a un fan de iniciaBlog en Facebook que parece que sí que lo ha conseguido en tumblr...estoy a la espera que me responda para ver si puedo hacerte llegar alguna información adicional.

    Saludos,
    Jesúis

    ResponderEliminar
  91. no estoy segura de porque no me sale el icono habiendo hecho todos los pasos. que puedo hacer?

    ResponderEliminar
  92. Hola, como hago para que se abra en otra pestaña del navegador?? Gracias

    ResponderEliminar
  93. Hola, que significa Publica en el directorio principal (no es una subcarpeta) de tu sitio web en Google Site?? no se me ve la imagen de twitter en el enlace.

    ResponderEliminar
  94. Hola Luciano,

    La parte donde pones al URL hasta tu canal social debes luego poner Target=_blank como te indico a continuacion:
    ...a href="http://www.twitter.com/iniciablog" target="_blank">

    Coméntame vale?
    Gracias por tu comentario

    ResponderEliminar
  95. Hola Maldita,
    Lo tienes todo bien pero en realidad la URL hasta tu imagen es:

    https://sites.google.com/site/bbelamia/1327065531_twitter%20follow%20me.png

    y tu te quedastes simplemente en https://sites.google.com/site/bbelamia/

    De todas formas me parece que el pájaro es muy grande jejee!

    Comentame por favor vale?

    Gracias y mucha suerte,
    Jesús.

    ResponderEliminar
  96. jajaja Cierto es, el pájaro es enorme, cómo podría ponerlo más pequeño? y sí, ya se ve el enorme pájaro Graciass!

    ResponderEliminar
  97. jeje menudo pajarraco grande!...Creo que puede venirte bien un tamaño de 48x48 en tu blog
    Repite los pasos para conseguir una nueva imagen pero filtrar por ejemplo de 48x48 una vez que la tengas guardala en tu ordenador, ve a google site marca tu archivo actual y busca una opcion que dice sustituir, de esta forma no tendrás que cambiar el código html que ya tienes. Ya me dices
    Mucha suerte.

    ResponderEliminar
  98. Ya lo tengooo!!!! me faltaba poner 1327074335_icontexto-inside-twitter.png como no! jajaja, tengo otra duda por si la sabes, y es que mi reproductor no veo que reproduzca las canciones, porque puede ser? un saludoo

    ResponderEliminar
  99. Te ha quedado chulísimo!
    Con respecto al MP3 lo único es que revises mi tutorial http://www.iniciablog.com/2011/05/reproductor-mp3-multitrack-playlist.html

    Saludos,

    ResponderEliminar
  100. Muchas gracias por la información, he podido incluir los logos de enlace en mi blog!

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario....

      He visto tu blog y han quedado muy muy bien ¡Enhorabuena y bienvenida!

      Saludos,
      Jesús González

      Eliminar
  101. Anónimo2/2/12 12:20

    Hola! Tu tutorial está muy bien, estoy probando los botones en mi sitio web, pero cuando doy clic en las imágenes se abre en una ventana completa (en esa misma, o en otra con _blank), y me gustaría que se abra por medio de una popup, pero no reconoce el enlace (me sale que la página no existe). Sabes cómo sería el código para esto? Quiero evitarles la tentación a mis usuarios de salir de mi sitio =P. Gracias!

    ResponderEliminar
    Respuestas
    1. Es un error Anónimo...

      Primero porque no entiendo eso de que quieres evitar que salgan de tu sitio, creo que es al contrario.
      Por otro lado como sabes los popup no son buena práctica y el navegador puede bloquearlos por lo que al final no consigue que el usuario se suscriba a tu canal social

      Reflexiona sobre esto. Muuuuchas gracias por tu comentario.

      Saludos, Jesus.

      Eliminar
  102. Gracias por la ayuda! :)

    ResponderEliminar
    Respuestas
    1. Gracias Koko,
      He visto el nuevo icono y está perfecto, solo felicitarte!

      Gracias y bienvenida
      Jesús González.

      Eliminar
  103. No tengo palabras. Gracias gracias gracias!!!!! He seguido paso a paso las indicaciones y ahora tengo en mi blog unos bonitos botones que funcionan a la perfección. Gracias.

    ResponderEliminar
    Respuestas
    1. Gracias...me alegra mucho ti comentario...enhorabuena
      Jesús González

      Eliminar
  104. Respuestas
    1. Hola Alimenta....me gustaría saber en qué punto del tutorial te has quedado con el fin de aclara y mejorarlo.

      No es que sea complejo pero reconozco que si es algo laborioso.

      quedo a la espera de tus comentarios.

      Eliminar
  105. Hola, Jesús
    gracias por toda la información y guías para mejorar nuestros blogs. La verdad es que muchos de tus consejos me han ido muy bien. En éste caso tengo una duda. He puesto una imagen el el blog que pone "Hazte Fan" y he intentado enlazarla a Google Friend Connect, pero cada poco tiempo me da error. Como si la dirección del enlace cambiara cada vez que alguien se suscribe al blog. No sé si hay alguna manera de vincular el "botón" a mi cuenta de Google Friend Connect para que la gente se suscriba. Es posible? Muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola Fanclub,

      Gracias por tu comentario. A mi me ha pasado lo mismo, creo que tienes razón, es posible que el enlace sea dinámico. Finalmente opté por la caja de Frind connect tal y como se muestra a la derecha.

      Siento no poder ayudarte mucho en este caso. De todas formas lo tengo anotado por si acaso.

      Gracias y seguimos en contacto

      Jesús González

      Eliminar
  106. Anónimo12/2/12 0:06

    Soy nueva en blog y no se nada de codigos ni nada, voy aprendiendo poco a poco, he tratado de seguir todos tus pasos, pero las imagenes no salen =( mis botones los tengo guardados en google docs, Por que no puedo =( www.caos-organizado.blogspot.com

    ResponderEliminar
  107. Hola,
    La imagen del icono debe estar en Google Sites no en Google Docs como lo tienes en la actualidad. Por favor trata de seguir el procedimiento descrito. Si eres usuaria de Dropbox tambien podrias añadirla alli, pero el sitio no es Google Docs.

    Coméntame. por cierto me ha gustado mucho tu blog, asi que ese icono de twitter debe ir ahí si o si.

    Gracias por tu comentario, te espero.
    Jesús González

    ResponderEliminar
  108. Anónimo13/2/12 4:07

    todavia no puedo ver las imagenes =( lo intente por medio de dropbox pero tampoco puedo, que estoy haciendo mal?

    www.caos-organizado.blogspot.com

    ResponderEliminar
    Respuestas
    1. He visto tu blog y he visto que ya los has colocado, el problema tal y como te comenté a través de twitter estaba en la ruta hasta el archivo.

      Enhorabuena!
      Jesús González.

      Eliminar
    2. por fin!!! mil gracias por tu ayuda =) ahora tengo unos botonzotes en mi blog jajaja, los puse de ese tamaño para que los vean y me sigan en twitter/facebook, mas adelante cuando tenga seguidores los pondre mas chiquitos ;) gracias por todo!!!!

      Eliminar
    3. perfecto, hombre me quedo con las ganas de conocer tu blog

      Enhorabuena y sobre todo gracias por avisarme, es lo más importante.
      Mucha suerte
      Jesús González

      Eliminar
  109. Hola de nuevo Jesús! ya ves que me estoy animando a probar muchas cosillas con tu blog je je !
    Bueno, he probado lo de los botones sociales y a mi me aparecen!!! pero si entro con Firefox, aparece el texto alternativo en vez de la icona...no lo acabo de entender....

    gracias!

    ResponderEliminar
    Respuestas
    1. Hola Anna,
      Solo te pido que me recuerdes la dirección de tu blog para miarlo ¿vale?

      Coméntame y gracias por tu comentario
      Jesús González

      Eliminar
    2. Hola!
      www.modulacionpedagogica.com

      ...y puestos a pedir;), ...qué debo hacer para que aparezca icona de correo y se abra el outlook y me puedan escribir?(lo he visto en algun blog, pero no sé ver si tienes un tutorial al respecto)

      Muchisimas gracias por todo y muchas felicidades por tu "nominación" en blogger!...no es de extrañar!

      Eliminar
    3. Anna,
      Te he respondido mediante un comentario en tu post.

      Espero tu respuesta.

      Eliminar
    4. Buenos días Jesús! gracias por tu adhesión y rapidez en responder!
      bueno...he corregido lo que me decías-o eso creo y no me funciona. Con firefox se ve igual y con mi buscador habitual...no sé ve....
      ya me dirás cuando puedas

      Gracias!

      Anna

      Eliminar
  110. Hola, Jesus otra vez tengo una duda!! ya tengo mis botones y me llevan perfectamente a la pagina, pero en facebook cuando le das click al botón "solo me lleva al enlace y ya" quiero que se pueda dar like y aparte llevar a mi facebook" se puede? que tengo que agregar?
    www.caos-organizado.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Adriana, El tema de los botones está perfecto...

      Ahora lo que necesitas es otra cosa, un nuevo elemento en tu blog con el botón Me gusta y si quieres y es opcional que muestre las caritas de tus fans en tu blog. Fíjate es el que tengo puesto a la derecha el de Seguidores en Facebook, justo debajo tienes el enlace hasta el tutorial.

      Avísame con otro comentario cuando lo tengas para ver que tal te ha quedado
      ¡Felicidades por tu blog!
      Jesús González.

      Eliminar
  111. Hola Jesus, viendo tus explicaciones y tu predisposicion a ayudar...te pido ayuda porque ya no se que probar...

    Hago lo mismo que explicas tu, pero no consigo ver los iconos, solo veo la frase siguenos?? no se que estoy haciendo mal

    ResponderEliminar
    Respuestas
    1. Hola Blancaspina,
      Muchas gracias por tu comentario, lo tienes todo bien pero las rutas a los iconos.
      La Ruta del icono de Twitter es: https://sites.google.com/site/blancaspinatienda/1329657991_Twitter_32x32.png
      La ruta del icono e Facebook no la he podido encontrar, vuelve a publicarlo, si quieres llama al archivo simplemente Facebook32.png y una vez subido la ruta debería ser: https://sites.google.com/site/blancaspinatienda/Facebook32.png

      Espero un nuevo comentario tuyo para ver cuanto has podido avanzar.

      Muchas gracias y felicidades por tu blog, te sigo a través de Twitter
      Jesús González

      Eliminar
  112. No, lo siento no puedo tp visualizar mis iconos. puede ser tema de navegador (uso window 2007) porque tampoco consigo ver el favicon.
    Ya cambie como me dijiste

    ResponderEliminar
    Respuestas
    1. Te he enviado un email, espero que te sirva...ya de dices ¿vale?

      Un abrazo!
      Jesús González.

      Eliminar
  113. no me permite ver el ícono en el blog!

    ResponderEliminar
  114. mi blog es http://www.livinincolors.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Camila,
      Efectivamente no sale porque la ruta hasta el archivo no es correcta. He intentado averiguar cual es la correcta para no lo consigo...
      Modifica tu código y sustituir la ruta a archivo PNG por esta otra https://sites.google.com/site/iniciablog/twitter32.png

      Coméntame, esta semana cambiaré este post para ofrecer una serie de iconos con las rutas incluidad de manera que no tendrías que publicarlas en tu Google sites.

      Eliminar
  115. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. Yo...hasta que no vea ese icono no me doy por vencido.
      Cumplimenta el formulario de contacto, indica tu email y te escribo por correo electrónico.
      un abrazo!
      Jesús González

      Eliminar
  116. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  117. hola buenas tardes, llevo ya unas cuantas horas siguiendo paso a paso el tutorial y no hay manera!!! ay qué caca, y veo que todo el mundo puede!! podéis ayudarme?
    me dice sin parar que contiene carácteres no permitidos, es un rollete!!
    es cuestión de que se ha actualizado blogger o algo? porque veo que camila tampoco puede hacerlo!!!
    ay, espero que me podáis ayudar

    ResponderEliminar
  118. hola soy yo otra vez, por fín, después de mucho leer e indagar he descubierto qeu el paso equivocado era a la hora de añadir gadget el buscar el que pone "htmljavascript" que yo le daba todo el rato, a "añade tu propio"
    gracias por la explicación, en realidad es guay y fácil!
    =D

    ResponderEliminar
    Respuestas
    1. Gracias Mile,

      He visto tu blog (que por cierto me ha gustado mucho!) con los dos iconos uno de Facebook y el otro de Pinterest así que enhorabuena.
      Por cierto he querido dejarte un comentario pero veo que no lo tienes habilitado.

      Un fuerte abrazo y bienvenida a iniciaBlog.
      Jesús González

      Eliminar
  119. Muchas gracias por este tutorial!! Me ha servido de gran ayuda, aunque no he podido insertar el segundo icono, seguramente sea que he tenido algún fallo, voy a seguir intentándolo. bss

    ResponderEliminar
    Respuestas
    1. Me he dado una vuelta por tu blog y...qué buena pinta tiene.
      He visto el icono, asi que entiendo que finalmente pudistes resolver. Te he dejado un comentario.

      Gracias,
      Jesús González.

      Eliminar
  120. Super fácil con tus instrucciones. No me salían los íconos pero me llevaba a al facebook y twitter, así que tenía la mitad del camino. Leyendo todos los comentarios fue que pude entender que cuando se crea el "site" en google hay que hacerlo público. Por eso no me salían los íconos. Creo que debes revisar el tutorial y hacer claro esto para que todos se beneficien. Gracias, gracias, gracias. Estoy super contento.

    ResponderEliminar
    Respuestas
    1. Muchas gracias Carlos, llevas toda la razón cambiaré el post...
      Bienvenido a iniciaBlog

      Jesús González

      Eliminar
  121. Hola!!! gracias por tu ayuda, genial el blog no me cansaré de decirtelo!!!
    uf!!! me he leído todos los posts pero no he encontrado mi problema, no encuentro icono para Pinterest, en mi blog he colocado los metálicos pero de este ni metálico ni no metálico jejeje...

    www.claroscurostudio.com

    ResponderEliminar
  122. asu lo veo dmasiado largo pero lo intntare xq x ningun lado encuentro un tutorial mas sencillo jeje =) .... espero me salga snif =/

    ResponderEliminar
    Respuestas
    1. Gracias Karent y Bienvenida....
      A la espera del resultado final!
      Jesús González

      Eliminar
  123. No puedo creer q si haya funcionado pense q no lo lograria jeje gracias !!!!! :D

    ResponderEliminar
    Respuestas
    1. Gracias Karent por confirmar que has seguido el procedimiento y te ha salido todo.

      Un abrazo!
      Jesús González

      Eliminar
  124. Para los amigos que usan la plataforma de WORDPRESS, este tutorial es perfectamente valido porque el código es en HTML.
    Para utilizarlo basta con ingresar al apartado de WIDGETS y escoger el de texto para utilizar este código. Yo lo e utilizado y me ha funcionado bien. Les dejo el enlace de mi blog en Wordpress, saludos:

    http://tarrazu.wordpress.com/

    ResponderEliminar
    Respuestas
    1. Buenísssimo tu comentario es un gran aporte para este post!
      Gracias Lestat546 y bienvenido!
      Jesús González

      Eliminar
  125. Hola Jesus, imagino que este procedimiento tampoco aplique a CM4all, de todas formas muchas gracias, imagino que cuando un blog es una dependencia de un website esto se tenga que hacer de otra forma, de todas formas si me ayudo para mi blog personal.

    ResponderEliminar
  126. Me he quedado enganchada en uno de los pasos de la receta y no me sale el postre final pero la explicación está muy bien! Muchas gracias!
    www.ehlohasvisto.blogspot.com

    ResponderEliminar
  127. Hola Jesús. Lo primero enhorabuena por tu blog y gracias por el tutorial. He pasado horas buscando y no encontraba lo que quería, que era justo esto que tu nos cuentas. He puesto los botones, funcionan...pero en lugar de salir en horizontal uno al lado del otro, salen en vertical ! uno debajo de otro y yo los quiero en horizontal. No se que hacer. Te diré que mi web es con Jimdo, no con Blogger por si eso tiene algo que ver.
    Muchas gracias ! un saludo

    ResponderEliminar
    Respuestas
    1. Gracias Brilla y actua!
      He estado revisando tu blog y efectivamente veo que los iconos están en vertical, también veo que tienes como una plantilla personalizada o algo...mira lo que yo haría es editar el Gadget donde tienes los iconos y no sé si vas a ver algo de DIV...parece que tienes puesto como que el ancho es del 49.00%...no sé es una cosa un poco rara.

      Intenta revisar el código y si no vez nada contáctame nuevamente para ver si pondemos conversar por email ¿te parece?

      Un fuerte abrazo y gracias por pasarte por aquí

      A la espera de lo que me digas
      Jesús González

      Eliminar
    2. Muchas gracias Jesús !

      Por tu contestación y por tu interés :) Mi web con Jimdo, no me permite cambiar parámetros internos, se trata de una plantilla ya editada. Lo que sí he podido hacer es insertar columnas y en cada una de ellas el enlace correspondiente. De esta forma ya salen en horizontal.

      Enhorabuena por este post, veo que ha servido a mucha gente. Me suscribo a tu sitio y volveré a menudo para seguir aprendiendo.
      Gracias!y un abrazo :)- Mila

      Eliminar
  128. Hola Jesús!!

    He seguid todos los pasos... el problema es que uso la nueva interfaz de blogger y cuando le doy a "añadir gadget" no tengo la opción de escoger "HTML/Javascript"... ¿Me puedes ayudar? Muchas gracias! Lidia

    ResponderEliminar
    Respuestas
    1. Hola Semillas de Calabaza....

      Cuando le das añadir gadget se muesta una lista, fíjate que puedes desplazarte hacia abajo con el scroll (barra de desplazamiento) de la derecha.

      Dime algo?

      Eliminar
    2. Te prometo que lo he buscado cómo 20 veces y no lo había visto... jaja :$ Muchas gracias!!! Ya funciona! :D

      Eliminar
  129. Hola Jesus! de antemano gracias por la ayuda esta muy clara y de gran utilidad.

    Te cuento realice todo y se veian muy bien pero luego de 2 dias solo veo un signo de interrogacion en lugar de los iconos, al darle clip me llevan al los difierentes sitios (es decir que funcionan correctamente)

    Hepuesto unos copiados de otra pagina...pero no son los que quiero =(

    de antemano GRACIAS...

    ResponderEliminar
    Respuestas
    1. Hola!...

      Gracias por comentarlo, he visitado tu blog y te he dejando un comentario. Me he conectado y la vedad lo veo todo ok.

      Coméntame....

      Eliminar
  130. Gracias!!

    Despues de 1000 y 1 intentos he conseguido enlazar mi blog con FB!!

    Hasta la proxima!

    ResponderEliminar
  131. Hola. Yo lo que quiero es poner el botón de Pin It en mi blog de Blogger. Le he metido el código que me dio Pinterest pero en el blog no me sale nada ¿Me pueden explicar por qué no sale?. Gracias

    ResponderEliminar
  132. Hola... he seguido todas las instrucciones. En un principio a la primera me apareció el icono de twitter pero una vez que lo probé me abría el vinculo en la misma pagina por lo que busqué un código para que lo abriera en nueva pestaña. Entonces vino el problema, ya jámas me volvió a aparecer el icono, puse el código anterior y nada... probé con la imagen que tu tienes alojada y nada. Llevo casí tres horas con esto... por favor ayúdame. Te he agregado a facebook. De ser posible te doy la contraseña del blog para que lo cheques tu mismo ::'( Mi blog es: http://colibrierrante.blogspot.mx/ En facebook soy Ashoka Piyadassi

    ResponderEliminar
    Respuestas
    1. Hola Ashoka,
      Me he conectado ahora con tu blog y ya he visto los iconos tanto de Twitter como de Facebook por lo que entiendo que lo has conseguido finalmente. Enhorabuena! Gracias por comentar y disculpa pero ayer me fue complicado responderte. Un fuerte abrazo
      Jesús González

      Eliminar
  133. Gracias por la ayuda, me ha sido de gran utilidad, un saludo.

    ResponderEliminar
  134. Hola! Tengo problemas con los iconos hace ya un tiempo y no hay forma de solucionarlo! Hice hace un tiempo todo lo que vos decis en esta publicaciòn, pero desde hace un mes y pico han dejado de aparecer las imagenes de los iconos, y en su lugar aparece una cruz, como si no pudiera mostrar la imagen, de todas formas si haces clic te lleva al link correcto, pero el icono no se ve. No se que puede ser, he eliminado mil veces ya las cosas y las he vuelto a hacer desde 0 como dice el post, una y otra vez.. pero no hay caso! ¿que puedo hacer?¿por qué me pasa esto?

    ResponderEliminar
  135. Acabo de conseguirlo!!! Mil millones de gracias!!!!

    ResponderEliminar
  136. bueno, una pregunta para poner todos juntos, hay que ponerlos en la misma entrada.(html) pero cual es el codigo html para la separacion?
    gracias

    http://anexc.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Anexs,
      Es una buena pregunta. Para ponerlos juntos tienes que editar el mismo Gadget, es decir un solo gadget del tipo HTML/Javascripc en el título le pones "Sígueme" y en contenido vas poniendo cada uno de los fragmentos de código correspondiente a cada icono.

      Un fuerte abrazo y gracias por tu comentario
      Jesús González.

      Eliminar
  137. Hola!...
    A petición de muchos de vosotros he incluido un primer método mucho más sencillo, para ello ofrezco varias colecciones de iconos desde donde solo tienes que copiar el fragmento de código, pegarlo en un bloc de notas, personalizar la URL de tu canal social y pegarlo nuevamente dentro de un Gadget del tipo HTML/Javascript de Blogger. Espero que les guste y seguimos trabajando en nuevas colecciones.

    Gracias!
    Jesús González.

    ResponderEliminar
  138. Hola! Muchas gracias por la guía, despues de varios errores que he conseguido subsanar y un comentario anónimo muy útil sobre colocar las imágenes en una entrada/borrador lo he conseguido!!!
    Gracias!

    http://clak-blog.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Perfecto JavierMo...me alegra mucho que lo hayas conseguido.

      Gracias por el comentario y por compartir tu blog
      Un abrazo!

      Jesús González

      Eliminar
  139. Hola, gracias por tu trabajo . Es fantástico.

    Una cosa, intento poner los iconos y todos me van bien, excepto los de facebook. NO sé que hacer.
    Gracias

    http://blog.psicologos-barcelona.net/

    ResponderEliminar
    Respuestas
    1. El de Facebook no se , Alguna solucion??

      Eliminar
    2. Gracias por avisarme, efectivamente había un espacio mal en el código del icono de Facebook, muchas gracias pro avisarme :)

      Por favor vuelve a copiar el código, personaliza la url hasta tu página en facebook y añádelo en el mismo Gadget donde tienes actualmente el de Twitter.

      Un fuerte abrazo
      Jesús González.

      Eliminar
  140. Anónimo11/5/12 9:11

    Muchas gracias,

    ahora si que sale.

    Un abrazo

    ResponderEliminar
  141. Qué sencillo lo explicas, así da gusto, muchas gracias por tus estupendos tutoriales, es genial, besos : )

    ResponderEliminar
    Respuestas
    1. Gracias Cordelia este es uno de los tutoriales más exigentes ahora con la primera parte de las galerías es más fácil.

      Un abrazo!
      Jesús González

      Eliminar
  142. ¿No tienen un icono de Tumblr? Hace falta entre los que hay exhibidos geacias

    ResponderEliminar
    Respuestas
    1. Hola Felipe,
      Ya los tienes en la galería estandar, tanto de 32x32 como de 48x48, espero que te guste y que puedas ponerlos.

      Gracias por la sugerencia...
      Un fuerte abrazo y darte la bienvenida a este espacio.

      Jesús González

      Eliminar
  143. ¡¡Muchas gracias por hacer el ícono!!

    Ya lo puse y queda perfecto.

    ResponderEliminar
  144. ¡¡Muchas gracias por hacer el ícono!!

    Ya lo puse y queda perfecto :)

    ResponderEliminar
    Respuestas
    1. Perfecto Felipe!
      Acabo de verlo en tu página web y es cierto que ha quedado genial...

      Muchas gracias por tus comentarios y seguimos conversando.

      Ha sido un placer!
      Jesús González

      Eliminar
  145. ¡Hola de nuevo!

    Acabo de descubrir el nuevo universo de Pinterest y se me ocurrió que también podría poner un enlace en mi web al sitio de Pinterest que haga cuando me llegue la invitación.

    Creo que ya estoy abusando, pero ¿sería posible que nos hiciera también un ícono para Pinterest? estaría enormemente agradecido.

    La verdad es que no se como hacerlos yo mismo. No se si exista algún tutorial para realizarlos, pero lo que me gusta es que todos tienen el mismo formato y se ven uniformes en mi página.

    Muchas gracias!

    ResponderEliminar
    Respuestas
    1. Sin problemas Felipe, te aviso cuando lo tenga listo, además viene bien para seguir completando esta colección.

      Gracias por tu sugerencia!
      Jesús González

      Eliminar
    2. Hola Felipe,
      Comunicarte que ya tenemos puesto el icono de Pinterest que me habías solicitado, pruébalo y cualquier cosa me comentas

      Saludos,
      Jesús González

      Eliminar
  146. Como es de bien nacido ser agradecido, muchas gracias por el aporte. Llevaba tiempo buscando esto mismo y me has aparecido como arte de magia. Está genial y es el puntito final que me faltaba para rematar el blog que acabo de inagurar

    Gracias y saludos

    http://loquemiojonove.blogspot.com

    ResponderEliminar
    Respuestas
    1. Gracias Tomás por el comentario, te he dejado otro en tu blog, además he comenzado a seguirte a través de Twitter.
      Saludos,
      Jesús González

      Eliminar
  147. ¡Mil gracias por el favor del ícono de Pinterest!

    Está perfecto.

    ResponderEliminar
  148. COMO HAGO PARA PODER COLOCAR EL ICONO DESDE UN MENSAJE QUE ESTOY REDACTANDO EN GMAIL Y HOTMAIL. GRACIAS.

    ResponderEliminar
    Respuestas
    1. En el caso de Gmail ya puedes incluir imágenes en la firma del correo electrónico. Ve a la configuración de Gmail y en el apartado firma puedes incorporar iconos.

      Con respecto a hotmail no sabría decirte.

      Lo que yo tengo en mi firma no son iconos sino enlaces que es más sencillo. Algo así como:

      Saludos cordiales,
      Jesús....
      Sígueme en: Facebook | Twitter...

      Gracias por tu comentario!

      Eliminar
  149. Genial el post. Me parece muy interesante y muy práctico. Estoy empezando en este mundo de los blogs y la creación de webs y me está ayudando bastante tu web.

    aquí te dejo mi blog, http://jabonadiversion.blogspot.com.es/

    Muchas gracias!!

    ResponderEliminar
    Respuestas
    1. Gracias a ti por tu comentario y por la visita.
      Recuerda que tienes bastantes tutoriales para mejorar tu blog, haz clic arriba donde pone contenidos.

      Te sigo!
      Gracias y mucha suerte,
      Jesús González

      Eliminar
  150. Hola, yo lo hice cuando abri mi blog pero recientemente los iconos no se ven en mi blog, simplemente desaparecieron, que paso? sin embargo ahora quisiera que no me siguieran a traves de iconos sino solo lapalabra twitter o facebook pro jemplo, como este blog http://www.classy-fabulous.com/ como puedo lograr eso?
    muchas gracias!

    ResponderEliminar
    Respuestas
    1. Hola Diana,
      He visto tu blog y he visto el problema de las imágenes, lo que está mal es la dirección al gráfico...para solucionarlo te propongo un método fácil y es copiar y pegar el código que te facilito al comienzo de esta entrada....

      De todas formas efectivamente también con un simple enlace puedes informar a tus lectores tal y como hace la página de ejemplo. Para ello existe un Gadget de Enlaces que puedes usar. Ve a Diseño y agrega un nuevo Gadget a la plantilla del tipo Lista de Enlaces, a partir de la cual podrás confeccionar esto enlaces.

      Muchas gracias por tu comentario

      Eliminar

Te agradezco la participación en iniciaBlog a través tu comentario. Recuerda que te responderé con otro comentario justo debajo del tuyo. Gracias y mucha suerte! ;-)

Más información ¿Cómo poner el botón de...:?

Premio Bitácoras

Aviso Legal

Licencia Creative Commons
iniciaBlog - Te ayuda con Blogger a mejorar tu blog
iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
Basada en una obra en www.iniciablog.com.

Creado por Jesús González

Política de Privacidad de iniciaBlog | Política de Cookies
2015 © Jesús González es el autor de iniciaBlog.com
Tema creado por Way2themes y adaptado por inciciablog