English Português

Me preguntan como poner el icono de redes sociales o social bookmarking en cada uno de nuestros post, de modo que sí alguno de nuestros usuarios utiliza uno de ellos, tenga el link para agregarlo a sus favoritos de forma rápida.

No hay necesidad de tener suscrito el blog a ninguno de estos servicios, más bien, los enlaces son precisamente para que el usuario lo suscriba y tenga a la mano tu link sí lo considera de utilidad.

Ahora vamos a ver como ponerlos:

  1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML” donde activamos la casilla “Expandir plantillas de artilugios”.

  2. Buscamos el siguiente código:
       <p class='post-footer-line post-footer-line-3'/>
  3. Sustituye esa linea con el siguiente código:
    <p class='post-footer-line post-footer-line-3'>
    
    <div class='rsociales'>
    Agregar a marcadores favoritos: 
    <ul>
    <li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/Rjl62eMBQ0I/AAAAAAAAAto/zkas68GmVFk/s1600/technorati.gif'/></a></li>
    <li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl68-MBQ1I/AAAAAAAAAtw/Mftx1_Bi_oY/s1600/delicious.gif'/></a></li>
    <li><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlY7uMBQrI/AAAAAAAAAsg/ov73dLSsrtA/s1600/digg.png'/></a></li>
    <li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/RjlZLeMBQtI/AAAAAAAAAsw/bNmkgSj_jj0/s1600/yahoo.png'/></a></li>
    <li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl6z-MBQzI/AAAAAAAAAtg/-13NieAS3J8/s1600/google.gif'/></a></li>
    <li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlct-MBQyI/AAAAAAAAAtY/UtGxUlBA7mc/s1600/meneame.png'/></a></li>
    <li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlaa-MBQuI/AAAAAAAAAs4/7hoQkbJNkUw/s1600/furl.png'/></a></li>
    <li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbHuMBQvI/AAAAAAAAAtA/L0TsC3OUUyI/s1600/reddit.gif '/></a></li>
    <li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbWuMBQwI/AAAAAAAAAtI/Vy_xjt3iY80/s1600/magnolia.gif'/></a></li>
    <li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbjuMBQxI/AAAAAAAAAtQ/WDlHSsaO_m4/s1600/blinklists.gif'/></a></li>
    <li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='http://bp0.blogger.com/_Zuzii37VUO4/RjlQzOMBQoI/AAAAAAAAAsI/qt5x09fQvNo/s1600/blogmarks.gif'/></a></li>
    </ul>
    </div>
    
    </p>
    

    Estas son, a mi parecer, las redes sociales más populares.

  4. Ahora busca el código:
    ]]></b:skin>

    Y justo arriba pega lo siguiente:

    .rsociales ul {
    display:inline;
    margin:0pt !important;
    padding:0pt !important;
    }
    .rsociales li {
    background:transparent none repeat scroll 0%;
    display:inline;
    list-style-type:none;
    margin:0pt;
    padding:2px;
    }
    .rsociales img {
    border:0pt none;
    float:none;
    margin:0pt;
    padding:0pt;
    }
    .rsociales-sobre {
    opacity:0.4;
    }
    .rsociales-sobre:hover {
    opacity:1;
    }

    Estos son los estilos aplicados a los iconos de cada servicio, puedes modificarlos a como mejor se adapte a tu blog. Los últimos dos estilos dan un efecto de transparencia que funciona bien firefox, opera, safari e IE7.

  5. Ahora gurdamos y listo.
Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. blastto / Hace 10 años /

      Gracias por el tutorial, buscaba justamente esto 😀

      saludos!

      Responder a blastto →
    2. Francisco / Hace 10 años /

      Que bueno, ojala que te sirva!

      Saludos!!

      Responder a Francisco →
    3. Ignacio Pan / Hace 10 años /

      Es lo que venia esperando hace tiempo y funciono de maravilla!!!
      Mil gracias

      Responder a Ignacio Pan →
    4. Rober / Hace 10 años /

      No encuentro este esos códigos en mi plantilla. Estoy utilizando TIC TAC BLUE.
      De todas formas, muchas gracias ya que he encontrado cantidad de ayuda en esta página

      Responder a Rober →
    5. Rober / Hace 10 años /

      ya lo tengo, perfecto.

      MIL GRACIAS

      Responder a Rober →
    6. cartografia / Hace 10 años /

      funciona, gracias

      Responder a cartografia →
    7. Laura / Hace 10 años /

      Hola hola!!
      Me gustaría alinear las redes sociales a la derecha de mi blog… me podrías ayudar?

      Te agradezco 🙂

      Responder a Laura →
    8. Francisco / Hace 10 años /

      Hola Laura!

      Al código del paso 4 agrega:

      .rsociales ul {
      text-align:right;
      }

      Saludos!

      Responder a Francisco →
    9. Laura / Hace 10 años /

      Gracias. Becho :-X

      Responder a Laura →
    10. Pizca / Hace 10 años /

      Ya lo hice y todo bien ….excepto que mi blog es negro y el fondo de los íconos es blanco asi que se ve un poco mal, los dejaré como están por si quieres verlos.

      pero espero que puedas ayudarme o decirme sinceramente que no se puede hacer nada

      gracias

      Responder a Pizca →
    11. Kay / Hace 10 años /

      Hola!

      Me salen los iconos, pero me queda horrible porque me salen en vertical y no queda nada bien ¿Hay alguna forma de ponerlos en horizontal?

      Gracias

      Responder a Kay →
    12. Francisco / Hace 10 años /

      Hola!

      Pizca, es posible, pero tendrías que eliminar el fondo con photoshop o buscar en la web otros que no lo tengan.

      Kay, verifica si has hecho bien el paso 4, pues es el código que se encarga de que los iconos se visualicen correctamente.

      Un abrazo!

      Responder a Francisco →
    13. esteNo / Hace 10 años /

      no consigo que se vean con estilo transparente,puse todo tal cual como explicas,tengo que editar algun valor?

      (escribi algo en otra plantilla por si me puedes ayudar tambien en eso )

      Responder a esteNo →
    14. santi_monse / Hace 10 años /

      A mí me gustaría ponerlo debajo de “posteado por.. comentarios..”. ¿Me podrías ayudar con la edición del HTML?

      Si no tenés tiempo, no te preocupes, ya demasiado me has ayudado.

      ¡Saludos!

      Responder a santi_monse →
    15. santi_monse / Hace 10 años /

      ¿O los códigos que pusiste son justamente para ponerlos ahí?

      Responder a santi_monse →
    16. Francisco / Hace 10 años /

      Hola!

      esteNo, como se indica arriba, la transparencia solo es visible en firefox o en IE7 (menores del 7 no puede mostrar transparencias).

      santi_monse, esta para aparecer así 😉

      Responder a Francisco →
    17. santi_monse / Hace 10 años /

      Perfecto, ¡¡muchas gracias!!

      Responder a santi_monse →
    18. santi_monse / Hace 10 años /

      ¿Se puede mostrar al abrir una entrada, pero no en la página principal? Por ahora dejé el código instalado pero con “display:none”, porque me pareció que quedaba molesto que sea de dos líneas el “post-footer”.

      ¡Saludos!

      Responder a santi_monse →
    19. Moises / Hace 10 años /

      Francisco puedes ayudarme xfa yo tengo la platilla Blogy Curved y cuando agrego el código se ve mal nose si podrias ayudarme lo que pasa es que los iconos nuevos que aparecen se ponen encima del titulo de la notica anterior y cuando es la ultima notica de la pagina se me cruza con el boton “Entradas anteriores, recientes, pagina princpal”

      Responder a Moises →
    20. santi_monse / Hace 10 años /

      Otra página que tiene la misma función es:

      http://www.addthis.com/

      (todavía no la probé, pero parece buena)

      ¡Saludos!

      Responder a santi_monse →
    21. Francisco / Hace 10 años /

      Holaa!

      santi, se puede hacer con el uso de condicionales, mira al final de esta página de ayuda de blogger. Y la propuesta que mencionas es equivalente, decide entre las que más te agrede 😉

      Moises, prueba colocando en otra linea, por ejemplo, en el paso dos, en lugar de la linea post-footer-line-3, intenta con la 2 o la 1.

      Responder a Francisco →
    22. Moises / Hace 10 años /

      Me saliooooo lo reemplza por y ahora todo se ve normal sos grande Francisco eres el mejorrrrrrrrrrr graciassss, los demas blgo son fuchi comparados con el tuyo =P

      Responder a Moises →
    23. Íñigo / Hace 10 años /

      Hola, me preguntaba si sabías los códigos para hacer esto mismo pero en WordPress. Gracias de antemano.

      Responder a Íñigo →
    24. Francisco / Hace 10 años /

      Que bueno te resulto Moises 😉

      iñigo, el código varia, pero en wordpress hay muchos plugins que te ayudan en esto, puedes ver el artículo “50 plugins para la administración de WordPress” donde encontraras varias opciones.

      Responder a Francisco →
    25. Diego / Hace 10 años /

      hola!!
      antes que nada te felicito por tu blog!! ha sido una gran ayuda para los que como yo recién comenzamos en esto. mi pregunta es la siguiente: he usado la plantilla .xml “Blogy-Minyx” en http://www.eliseo-salazar.blogspot.com, pero no encuentro los códigos de referencia q das; pero vi el archivo .txt de la misma plantilla y sí los tiene, cómo puedo hacer para poner los íconos de las redes sociales (u otras modificaciones) sin tener que cambiar toda la plantilla de .xml a .txt??? muchos saludos!!

      Responder a Diego →
    26. Diego / Hace 10 años /

      OOOOOHHH!!!!
      lo siento, había que activar el casillero expandir artilugios (ahora me creen que soy nuevo en esto??) mil disculpas, saludos!!

      Responder a Diego →
    27. Fede / Hace 10 años /

      Gracias, muchas gracias.

      Responder a Fede →
    28. Nu / Hace 10 años /

      Hola Francisco, ante todo decirte muy buena página!! felicitarte por ello! 😀

      Bueno, tengo un problemilla, he hecho todo lo que has puesto, copiado el código, y puesto en mi blog, pero me da este error:

      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 “HEAD” must be terminated by the matching end-tag “”.

      Te juro que el head esta cerrado, (a no ser que sea otra cosa) pero bueno, así que… no sé que ha podido pasar.Gracias por adelantado 😉

      Responder a Nu →
    29. Francisco / Hace 10 años /

      Hola Nu, gracias por tus comentarios, bueno, es raro lo que te pasa pues no se toda el header, pero tal vez hallas cometido un error al pegar los estilos, deben ir antes de ]]>.

      Un saludo!

      Responder a Francisco →
    30. Mía / Hace 10 años /

      He utilizado tu tutorial para obtener algún codigo de llegada. Muchas gracias.
      Te quiero comentar que en mi caso, no me resultó necesario realizar todos los pasos que señalas y me funciona perfectamente. No sé si será porque yo trabajo directamente con el editor de Blogger, pero he utilizado un camino mas simple. Te lo paso por si le sirve a alguien:

      Para poner un botón en las entradas (posts) de tu blog en Blogger, ir a Plantilla –> Edición de HTML –> marcar en Expandir plantillas de Artilugios –> localizar el siguiente código en la plantilla de tu blog:

      –> INSERTAR ACÁ EL CÓDIGO

      o por ejemplo después de este otro código (depende de dónde quieras que aparezcan los botones):


      ,

      –> INSERTAR ACÁ EL CÓDIGO

      ————————————-
      El código a insertar es el siguiente:

      Bueno, eso es todo. A mí me funciona perfecto.
      Para comprobarlo, mi blog es

      Responder a Mía →
    31. Eva / Hace 10 años /

      Muchísimas gracias por ***toda*** tu ayuda. 😀
      Cono novata (empecé hace menos de 10 días) tengo una duda: me funciona perfectamente tu código para las redes sociales. Tengo otros iconos que me gustaría poner, pero no se como. Me explico el href tiene una dirección concreta de cada icono. ¿cómo hago para poner los que yo tengo? Otra vez, muchas gracias por todo. Saludos

      Responder a Eva →
    32. Francisco / Hace 10 años /

      Hola Eva,

      No es nada, que bueno inicias en esto. Respondiendo a tu pregunta, puedes seguir la misma estructura:

      <li><a expr:href='direccion del enlace' target='_blank'><img class='rsociales-sobre' src='dirección-de-tu-icono.gif'/></a></li>

      Responder a Francisco →
    33. Ángel Puente / Hace 10 años /

      Muy buen tutorial.

      Sólo que quiero añadir el Mister Wong y no lo consigo.
      Por fa…
      ¡¡¡Quedaría completo!!!

      Muchas gracias.

      Ángel

      Responder a Ángel Puente →
    34. Ricard Bou / Hace 10 años /

      ESPECTACULAR ! GENIAL !

      Muchas gracias !!

      Responder a Ricard Bou →
    35. Javier / Hace 10 años /

      gracias, esto si me funciono, pero el sharethis no, mil gracias otra vez 😀

      Responder a Javier →
    36. Aleix / Hace 10 años /

      Gracias por la detallada explicación. Me has resuelto una gran duda y funciona! 🙂

      Responder a Aleix →
    37. rolocine / Hace 10 años /

      Muchísimas gracias Francisco. Muy simple y efectivo!

      Responder a rolocine →
    38. eddie / Hace 10 años /

      Exactamente andaba en busca de este tip

      Gracias por la información, ya lo estoy ocupando en mi blog 😉

      Responder a eddie →
    39. vromo / Hace 10 años /

      Gracias…..por el tutorial,

      Responder a vromo →
    40. Rafael Monge / Hace 10 años /

      He intentado varias veces y no lo consigo.

      en lugar del

      He probado de muchas maneras y no me guarda los cambios en la plantilla porque me da error.

      Quedo pendiente, un saludo.

      Responder a Rafael Monge →
    41. Rafael Monge / Hace 10 años /

      He quitado los delimitadres en este comment porque en el anteriro no los agarro. Te deica, en lugar de esto:

      p class=’post-footer-line post-footer-line-3′

      en mi plantilla sale esto:

      div class=’post-footer-line post-footer-line-3′

      y no consigo hacer calar el codigo para que aparezcan.

      Saludos

      Responder a Rafael Monge →
    42. valenciayche / Hace 9 años /

      Gracias por el tutorial, llevaba tiempo buscandolo.
      Mira que guapo ha quedado en mi blog
      Valencia y che
      valenciayche.blogspot.com

      Responder a valenciayche →
    43. julian / Hace 9 años /

      Hola, mi consulta es porque tengo wordpress y no se realmente como hacer para que me aparezcan los iconos de las redes sociales debajo de cada post, ya que no me deja cambiar intriducir cambios en la plantilla.

      Bueno espero alguna respuesta pronto.
      Un abrazo.
      Julian.

      Responder a julian →
    44. alejandro / Hace 9 años /

      gracias por la ayuda una pregunta sabes como puedo poner una barra de comentarios así como esta? saludos

      Responder a alejandro →
    45. Reyna / Hace 9 años /

      Gracias por este tema, muy útil… nada más que el listado me sale vertical, ya repeti los pasos 3 veces, además de quitarle unos cuantos li, para ver si dependia del ancho… pero sigue igual vertical.
      Graxias!!!

      Responder a Reyna →
    46. Wendy Pepper / Hace 9 años /

      Muy interesante. He usado este codigo con éxito. Saqué la mayoria de los marcadores y agregue otro.

      Muy buena entrada la presente

      Saludos

      Responder a Wendy Pepper →
    47. juan / Hace 9 años /

      gracias

      Responder a juan →
    48. JOtaCT / Hace 9 años /

      no encuentro el codigo , por ningun lado, ni con el famoso Ctrl+f, no se si depende que mi plantilla no es predeterminada, porque mi plantilla la baje de http://www.btemplates.com, si me pudieras ayudar seria muy amable de tu parte.

      Responder a JOtaCT →
    49. JOtaCT / Hace 9 años /

      lo unico que encontre es esto
      y despues esto

      Copyright © 2008 <a expr:href=’data:blog.homepageUrl’

      pero el codigo que tu das nada de nada. habra solucion?

      Responder a JOtaCT →
    50. nakho / Hace 9 años /

      me funciono perfecto. pero necesito que no aparezca en la pagina principal y que solo aparezca cuando entras a una entrada en particular…sabes como se hace?
      gracias…muy buena la web.

      Responder a nakho →
    51. Danielsucio / Hace 9 años /

      Tengo un problema similar. He seguido todos los pasos adecuadamente y me aparece el siguiente error:

      No hemos podido obtener una vista preliminar de su plantilla.
      Por favor, corrige el siguiente error y envía la plantilla de nuevo.
      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 ”

      Ni idea de porqué puede ser. He probado a cerrar el pero nada.

      Responder a Danielsucio →
    52. Feri / Hace 9 años /

      Hey muy bueno el tuto justo lo q necesitaba

      Responder a Feri →
    53. USBicon / Hace 9 años /

      Funciona perfectamente!!!
      Gracias!!!

      Responder a USBicon →
    54. Emilio / Hace 9 años /

      man, sos un master! gracias!

      Responder a Emilio →
    55. Angel / Hace 8 años /

      Muchas, pero Muchas Gracias

      Responder a Angel →
    56. Daniel / Hace 8 años /

      Hola
      Seguí todo al pie de la letra y me salen los íconos verticalmente.

      Responder a Daniel →
    57. megan / Hace 8 años /

      Cómo se agrega FACEBOOK?¿

      Responder a megan →
    58. Alejandra / Hace 8 años /

      no tengo esa linea en la edicion, hay algunas que coinciden en como empiezan pero no son parecidas, no se como resolverlo, al desconocer el lenguaje no se donde ubicar los cambios
      gracias

      Responder a Alejandra →
    59. juancar / Hace 8 años /

      Me pasa como a Alejandra,he rebuscado y no encuentro esos códigos HTLM.

      Un saludo

      Responder a juancar →
    60. Manuel de la Fuente / Hace 8 años /

      Gracias, los acabo de agregar y funcionan bien según parece, además se ven preciosos. 😀

      Responder a Manuel de la Fuente →
    61. Juan José / Hace 8 años /

      Gracias Francisco estaba buscando esta solución y di con tu sitio, los instale hace tres días y funcionan sin complicaciones. Ahora solo quiero agregar algunos iconos mas para completar la barra de redes sociales.
      Muchas gracias, añadiré un link a tu blog desde mi blog saludos.

      Responder a Juan José →
    62. Juanma™ / Hace 8 años /

      Hola, tengo un problema con este widget. Los iconos en vez de estar en horizontal se ponen en vertical.

      Espero una respuesta. Un saludo.

      Responder a Juanma™ →
    63. VERONICA MEDINA / Hace 8 años /

      Me encanto todo lo que dicen, y disculpen por preguntar tal vez cosas muy basicas, pero necesito ayuda.

      Necesito incluir en mi pagina web iconos de las redes sociales. Soy totalmente ignorante al respecto de estos temas, no se si me pueden hacer el favor de guiarme paso por paso, sabiendo que no se nada de informatica.

      Saludos

      Responder a VERONICA MEDINA →
    64. otaqx3 / Hace 8 años /

      Quisiera eliminar los simbolos que estan delante de cada icono, me podrian decir como se hace?

      Responder a otaqx3 →
    65. 1musica / Hace 8 años /

      Muy buen post, casi nunca los bloggers prueban sus codigos y por ende no funcionan, pero este si está excelente.

      Responder a 1musica →
    66. Eleté / Hace 8 años /

      Uff, buenísimo, te has ganado otro suscriptor.

      Es genial el tutorial, pero querría saber si hay posibilidad de que me pasaras el code como lo tenés vos en tu blog, osea junto con los posts relacionados. Justamente el problema que tengo con mi footer es poder integrar bien esas dos cosas y tu lo haz hecho a la perfección!

      Bueno, ojalá puedas responder mi pedido, espero no sea demasiado pedir!

      Responder a Eleté →
    67. Francisco / Hace 8 años /

      @Eleté puedes checarlo en el código fuente de la página, WordPress lo tiene en php, así que para blogger no funcionaría.

      Responder a Francisco →
    68. Eleté / Hace 8 años /

      Ah, gracias por la respuesta! Igual lo que tengo en el diseño que vengo armando no está nada mal…

      Responder a Eleté →
    69. Ángel Suárez / Hace 8 años /

      Hola. He puesto íconos de redes sociales en mi blog. Lo que quiero ahora es que el link de Twitter produzca un tweet como los tuyos:

      RT @usuario Título » url corta.

      Logré que saliera así pero con la url larga, ¿qué debo modificar en el código para que salga una url bit.ly? Pero no quiero que salga un cuadrito con la url corta al final de cada post.

      Me serviría de mucho tu ayuda, gracias.

      Responder a Ángel Suárez →
    70. Francisco / Hace 8 años /

      @Ángel, mira nuestro artículo Mostrar URL’s cortas en Blogger

      Responder a Francisco →
    71. mpa / Hace 8 años /

      Me pasa lo mismo que a Key, me salen en vertical, y verificado el paso 4… ¿que más puedo hacer para que salga en horizontal?

      Muchisimas gracias de antemano!

      Responder a mpa →
    72. José Felipe Obiols / Hace 8 años /

      Francico, he estado probando hacerlo, pero no encuentro el código . Encuentro otro que es igual, sólo que en lugar de p dice div. Lo probé y no funciona. Sabes tu ¿Cuál será el problema?
      Gracias.

      Responder a José Felipe Obiols →
    73. Francisco / Hace 8 años /

      @José no tiene que ser forzasamente post-footer-line-3. Puede ser también post-footer-line-1 o post-footer-line-2, haz pruebas y veras donde sale.

      Responder a Francisco →
    74. ferchuz / Hace 8 años /

      hola francisco, yo no encuentro la parte del código que dices que es:

      en mi plantilla lo único que hay “similar” es:

      qué hago?

      de antemano gracias!

      Responder a ferchuz →
    75. Lucia / Hace 8 años /

      Hola, oye lo intent pero no ncuentro “p class” solo “div class”…..

      Responder a Lucia →
    76. Francisco / Hace 8 años /

      ferchuz, Lucia, no tiene que ser exacto el código, a veces esta modificado en unas plantillas. A prueba y error pueden ver si es el lugar correcto.

      Responder a Francisco →
    77. Rossana / Hace 8 años /

      Hola Francisco,

      El blog que tengo que modificar fue creado hace mucho tiempo y aún no tengo autorización para cambiar el diseño. Mi problema es que al parecer no tiene el código “” (ni 2, ni 1) y solo dos que dicen exactamente lo mismo: “”.

      En resumen ;), no se cómo ni dónde ponerlo…
      Ojalá puedas ayudarme!

      Gracias!!

      Responder a Rossana →
    78. Ana Sequea / Hace 7 años /

      Francisco Hola.. he realizado los pasos que indicas y no me funciono.. en qué pude haber fallado.. Gracias !!

      Responder a Ana Sequea →
    79. Gelo / Hace 7 años /

      Hola,

      Lo he puesto en mi blog y me gustado mucho. Pero observo que al pasar el ratón no sale el recuadro que indica el nombre de la red social. He repasado la plantilla y no veo que haya hecho nada mal. ¿Es así simplemente y no tiene porque salir el recuadro?

      Gracias.

      Responder a Gelo →
    80. tuenti / Hace 7 años /

      me interesa, muchas gracias

      Responder a tuenti →
    81. MJ / Hace 7 años /

      Al utilizar una plantilla diferente a las de blogger, no encuentro esa linea que mencionas de

      Ni la 2, ni la 1. Que he visto que mencionabas en otro comentario.

      ¿Qué puedo hacer?

      X cierto, felicidades por un blog con taaantos comentarios y tantas ayudas ^^

      Responder a MJ →
    82. Eduardo Elorriaga / Hace 7 años /

      Hola, he visto tu tutorial y lo primero te agradezco el esfuero y consejos que nos das. Son muy útiles e interesantes. No obstante, no he podido encontrar el código que me dices. Lo más similar ha sido:

      Mira si puedes ayudarme, muchas gracias!!

      Responder a Eduardo Elorriaga →
    83. Jaume / Hace 7 años /

      Me gusta pero me sobran redes. En cambio la solucion que tu tienes en tu bloc en la opcion compartir me gusata mas que la lista de todas esas otras redes.

      Responder a Jaume →
    84. Jaume / Hace 7 años /

      Me gustaria incorporar una la opcion compartir con tuitter i facebook. Pero que en cada articulo me salga la url del post , no la principal del bloc.

      Y que he de hacer para las urls cortas para twitter?

      jaume

      Responder a Jaume →
    85. Claudia Chavez / Hace 7 años /

      Hola:
      Me sirvio de mucho tu ayuda, pero quisiera agregar el icono del facebook y twitter, coo lo hago?

      Responder a Claudia Chavez →
    86. iTaCHi / Hace 7 años /

      olle man, en la primer linea a buscar no sale con la “p”:

      el 2do es mi caso, espero respesta, ya que si me interesa tener esa barra

      Responder a iTaCHi →
    87. xerez / Hace 7 años /

      hola que tal he utilizado los codigos pero el 1º codigo no lo encuentro en mi blog para sustituirlo.yo el 2º codigo si lo he puesto un saludo.

      Responder a xerez →
    88. Mentes Alternas / Hace 7 años /

      como siempre puras cosas buenas amigo muchas gracias si me funciono, aunque sabes que estuve buscando como loco estaparte
      no aparecio, lo que hice fue intentarle ponerlo en body hasta que me gustara donde apareciera, lo curioso es que llego estar hasta en la etiqueta head pero todo salio bien

      Responder a Mentes Alternas →
    89. xixerone / Hace 7 años /

      Hola, muchas gracias por el post. Me funcionan, pero salen en vertical y queda feo, me gustaría que saliesen en horizontal, me puedes ayudar?

      Responder a xixerone →
    90. ELNIC CANARIAS S.L. / Hace 7 años /

      Empresa dedicada a las Energías Renovables, solar, eólica y medio ambiente. Vendemos aerogeneradores, paneles solares, colectores, bombillas de bajo consumo y LED

      Responder a ELNIC CANARIAS S.L. →
    91. sofia / Hace 7 años /

      @Ignacio Pan:
      no encuentro en mi plantilla puede ser ke lo tenga porke no lo veo, como puedo solucionar este problema es decir ke podria modificar para poder hacer la inserccion de los iconos = desde ya muchcas gracias

      Responder a sofia →
    92. BRENDA / Hace 7 años /

      YO QUISIERA SACAR LAS REDES SOCIALES DE MI BLOG. COMO PUEDO HACER ?

      Responder a BRENDA →
    93. David / Hace 7 años /

      Hola…en estos marcadores no aparecen facebook y twitter ¿Cómo puedo unirlos a esta misma lista?
      Un saludo y enhorabuena por este fantástico blog

      Responder a David →
    94. Onhim / Hace 7 años /

      tengo una pregunta, es posible crear así botones de compartir para blogger que se coloque bajo las entradas del blog asi como este?, gracias por su ayuda, muchas gracias!!

      Responder a Onhim →
    95. jorge / Hace 7 años /

      y asi como el tuyo donde pueda votar en bitacoras
      con el mismo tamaño de imagen?

      Responder a jorge →
    96. lobo viejo verde / Hace 7 años /

      Gracias, me ha sido útil la información de esta página

      Responder a lobo viejo verde →
    97. alex / Hace 6 años /

      Hola, Oye, poqrue no encuentro ese codigo, Saludos.

      Responder a alex →
    98. dajabon / Hace 6 años /

      hola francisco es posible que puedas agregar a paginas web hecha en HTMl macromedia?

      Responder a dajabon →
    99. Christian / Hace 6 años /

      Hola, cuando intento buscar el codigo que nos das

      No lo tengo… tengo uno que dice que en ves de decir post dice comentarios…

      Help me!

      Responder a Christian →
    100. Ocram / Hace 6 años /

      Excelente codigo. me salio y queda perfecto. voy a estar esperando algun otro truco de tu parte

      Responder a Ocram →
    101. gooutbook / Hace 6 años /

      Hola:

      Hay un nuevo servicio para todas las redes sociales. De momento hay un formulario para que la gente indique en que puede consistir, pero en pocos días abrirán el servicio para todos.

      Responder a gooutbook →
    102. Florin Marian / Hace 6 años /

      Hola a todos, bueno pues tengo una dudilla, no buscaba esto, y en el apartado de contacto dice que me dirija a un post para comentar mi duda. en fin … jeje, aver si me pueden aclarar.

      Quiero que mi blog sea como una red social, aver, que los usuarios se registren y se puedan mandar mensajes entre ellos y agregarlos.
      y que cada uno pueda subir su musica favorita a un prodcast y que se quede alojado en la web (blog)

      se puede hacer eso ?? contesten porfavor

      Responder a Florin Marian →
    103. carlos / Hace 6 años /

      Estoy intentando poner esto en la web y es imposible siguiendo lo que me indicas. Es una plantilla y me da error. Si te mando el archivo xlm me podrías ayudar e indicarme como hacerlo? Gracias, un saludo, Carlos M.R.

      Responder a carlos →
    104. Luis Pumaricra Diaz / Hace 6 años /

      Muchas gracias por el post

      me sirvio de mucho..

      Slds..

      Responder a Luis Pumaricra Diaz →
    105. Patry / Hace 6 años /

      Gracias. Lo quería justo para lo contrario, y con tu post lo he poddo hacer.

      Muchas gracias.

      Responder a Patry →
    106. Luis Pumaricra / Hace 5 años /

      Disculpen puse el codigo pero no se guardo: mejor les paso el link: http://www.addthis.com/labs/floating-horizontal-bar

      Slds…

      Responder a Luis Pumaricra →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad