Poner marcadores sociales en Blogger

25 de junio de 2009 187 comentarios ,
Bookmark iconsEsto de los marcadores sociales (o bookmarks) mas que una moda son una herramienta muy buena de difusión, pues permite que otros promocionen y compartan lo que tú publicas.
Vamos entonces a ver cómo poner marcadores sociales en el blog con un efecto pushbutton, es decir, que al pasar el mouse dé el efecto de un botón que se hunde.

Entra a Plantilla | Edición de HTML y pega antes de ]]></b:skin> lo siguiente:
.pushbutton a:hover{
position: relative;
top: 1px; left: 1px;
outline:none;
}
.bookmark table{
background-color:#000911;
border:1px hidden gray;
padding:10px;

}
.bookmark td{
font-size: 1em;
text-align: center;
vertical-align: middle;
color: #CCCCCC;
}
.bookmark img{
vertical-align: middle;
}

Ahora busca esta línea:
<p class='post-footer-line post-footer-line-3'/>

O esta:
<div class='post-footer-line post-footer-line-3'/>

Y justo debajo de ella pega el texto de este archivo.
Dale Vista Previa, si ves que todo está bien guarda los cambios.

Los marcadores sociales que están incluidos con: del.icio.us, Bitácoras, RSS, Digg, Google, Yahoo, Technorati, Meneame, Fresqui, Enchilame, Twitter, Live, My Space y Facebook.

Si quisieras eliminar alguno localízalo y borra desde <span class='pushbutton'> hasta el próximo </span>
También puedes cambiar los íconos por otros, visita la sección de Descargas para ver los íconos disponibles y recuerda que se publican íconos constantemente.


187 comentarios en:

" Poner marcadores sociales en Blogger "

  1. me gusto el diseño. sabes como poner dos columnas en blogger

    ResponderEliminar
  2. Excelente bro!!! ha quedado perfecto en mi blog.

    Gracias!!!!!


    Un abrazo!!!

    ResponderEliminar
  3. Hola Anónimo,
    Después públicaré cómo hacerlo.
    Saludos.

    Cyberbloggero,
    Ya lo vi, quedó muy bien.
    Un abrazo.

    ResponderEliminar
  4. Amigo que bueno esto pero tienes que explicarme como se vincula el blog realmente no entiendo bien me suscribí tuitter y no se que hacer. Saludos

    ResponderEliminar
  5. Hola Dr. Page,
    No tienes que hacer nada, como dije al inicio los marcadores es para que los demás promocionen tu post. Quienes tengan cuenta de Twitter y quieran promocionar tu post sólo darán click en el marcador social y los mandará a la página de Twitter para enviar el mensaje.
    Saludos.

    ResponderEliminar
  6. ME VIENE DE PERLAS ESTE TUTORIAL
    MUCHAS GRACIAS!
    PERO NECESITO EL DE FACEBOOK Y NO VIENE, SABES COMO PONERLO?
    DESDE YA GRACIAS

    ResponderEliminar
  7. Hola JUANMA,
    Disculpa pero tampoco lo había agregado a mi blog y por eso lo olvidé.
    Ya está el bookmark de Facebook en la lista.
    Saludos.

    ResponderEliminar
  8. P.D. También está agregado Bitacoras.com

    ResponderEliminar
  9. Hola potro.
    No encuentro la linea que tu dices ...¿sabes si hay otro linea en vez de esa?

    ResponderEliminar
  10. A veces no empieza con p sino con div, puedes buscarlo como:

    <div class='post-footer-line post-footer-line-3'/>

    Saludos.

    ResponderEliminar
  11. Hola potro...si encontre esa line y gracias pero el archivo que tu dices que esta al ultimo que pegemos debajo de la linea no esta....es decir le doy clic y me sale:

    ¡Este sitio es una web atacante!

    ResponderEliminar
  12. Sí, ahora Dropbox tiene unos problemas con unos virus en sus servidores, puedes descargarlo en este link:
    http://www.megaupload.com/?d=NN5Q48PT

    Saludos.

    ResponderEliminar
  13. Potro otra pregunta!!!!!

    mira ya se como poner los marcadores pero lo que no es como cambiar el estilo de los marcadores sociales ...¿sabes como hacer?

    ResponderEliminar
  14. Si te refieres a cambiar los íconos tendrías que hacerlo en el código que descargaste, tienes que buscar las URL de las imágenes (sí es un poco trabajoso) y remplazarla por las imágenes que quieras.
    En la sección Descargas hay algunos íconos de marcadores que te pueden servir.

    Saludos.

    ResponderEliminar
  15. Hola no puedo accesar al archivo ese que dices, entreo y me marca errror con el logo de google, que hago
    te agradezco tu respuesta

    ResponderEliminar
  16. holaaa tengo un pekeo problema no se si me puedas ayudar.. ya hice todo pero kuando vo ya abrir el enlace para pegar un kodigo despues kon ese arvhivo ke dice ahi kuando lo vo ya deskargar me sale una pagina ke dice provilegios insuficientes `podrias ayudarme gracias

    ResponderEliminar
  17. ya lo logre kon el link de megaupload... keda perfecto muchisimas gracias

    ResponderEliminar
  18. Hola DisneyRocksMx,

    En enlace está funcionando perfecto, pero por si las dudas te dejo otro enlace para que lo descargues.
    Descargar

    Saludos.

    ResponderEliminar
  19. Hola KIKE♎

    Voy a revisar el enlace de nuevo. Pero lee el mensaje anterior, ahí hay otro link para que descargues el archivo.

    Saludos.

    ResponderEliminar
  20. gracias gracias ya lo pude abrir mil gracias gracias gracias tu pagina es genial

    de hecho es la mejor en esto gracias

    ResponderEliminar
  21. Me alegro que ya esté bien.
    Saludos y gracias por tus comentarios!

    ResponderEliminar
  22. potro tengo un problema ..todo va muy bien pero kuando pongo un nuevo post o kuando voy a ver los komentarios parece ser ke los markadores estan muy abajo y se monta sobre el titulo de lpost siguiente podrias indikarme kom oarreglarlo muchas gracias

    ResponderEliminar
  23. Hola KIKE♎

    A esa plantilla le faltan varias cosillas por lo que siempre vas a batallar para los códigos, lo mejor es que uses un gadget de marcadores sociales que lo integre como el de Outbrain que has puesto. Como te digo, habría que hacer muchas modificaciones para poder usar estos marcadores y en una de esas podría quedar descuadrada la plantilla.

    Saludos.

    ResponderEliminar
  24. gracia potro entonces me podiras yuadar on lo ke dices.. expliakrme kom oes el gadget muchas gracias

    ResponderEliminar
  25. Hola KIKE

    Hay varios, uno de los más completos es Tell a fiend, sólo ocupas registrarte, seguir unos pasos y ellos te darán el código, incluso te dirán exactamente en qué parte de la plantilla debes pegarlo.
    Te dejo el enlace:
    http://secure.socialtwist.com/signup

    Saludos!

    ResponderEliminar
  26. exelente. EXELENTE POTRO LO HICE CON TELL A FRIEND y simplemente modifike la imagen para hacerlo mas personal y me gusto mucho muchisimas gracias por tu ayuda tengo un par de duas mas quisiera saber si existe algun korreo electronico donde pueda eskribirte o toka por aki? muchas gracias por todo

    ResponderEliminar
  27. Hola KIKE♎,

    Qué bueno que te sirvió, ya entré a tu blog y quedó excelente.
    Las preguntas las puedes hacer aquí buscando en el buscador el tema adecuado, si no está entonces usa el formulario de contacto que está en el menú de la barra lateral donde dice Enviar un mail.

    Saludos.

    ResponderEliminar
  28. Hola potro es ke me acabo de cambiar de plantilla
    pero que crees no encuentro ninguna de las dichosas lineas


    que hago ayudame

    ResponderEliminar
  29. Hola Alex,

    Tienes que marcar la casilla Expandir artilugios para encontrar el código. Si te refieres a la plantilla de Curiosidades del Mundo, la línea que debes buscar es la segunda, la que empieza con div.

    Saludos.

    ResponderEliminar
  30. Te pido mil disculpas es ke no lei bien

    perdon

    ResponderEliminar
  31. ya los puse es ke los tenia en la plantilla anterior

    gracias

    ResponderEliminar
  32. Qué bueno que ya está funcionando ;)
    Saludos.

    ResponderEliminar
  33. Lo hice al revés y la he liado. Inserté el marcador desde facebook y al instalarse en blogger me cambió la visualización de los elementos de la página de todos los blog. En lugar de salir cada uno en su sitio, los pone todos seguidos horizontalmente, con lo que hace imposible intentar retocar los diseños. Podrías echarme una mano?. Gracias.

    ResponderEliminar
  34. Hola DO2,

    No tenía idea que podían ponerse desde Facebook por lo que no sé qué código usen para los marcadores.
    No sé en cuál blog tienes el problema, yo entré a la mitad de ellos (porque son muchos) y todo lo vi en orden.

    Saludos.

    ResponderEliminar
  35. Hola, podrias ayudarme me funciona pero nose como centrarlo podrias darnos en codigo centrado ? porfavor.

    ResponderEliminar
  36. Hola Ange1Boy,

    EL código del archivo que descargaste enciérralo entre <center> y </center>

    Saludos.

    ResponderEliminar
  37. cuando dices el codigo que descargue te refieres al que esta Etiquetado en el post ?

    intente ponerlo

    (center) (EFECTO PUSHBUTTON EN BOOKMARKS)
    ..... bla bla bla

    (style) (center) (head)

    Asi esta bien? le puse parentesis para que acepte el comentario espero que me entiendas

    lo acabo de hacer asi y el titulo del codigo aparece en la cabezera de mi blog.

    ResponderEliminar
  38. No Ange1Boy, me refería al código que está en el archivo .txt que descargaste. Ese es el que debes encerrar con center.
    Saludos.

    ResponderEliminar
  39. gracias, disculpa que te lo haya pedido sin decir porfavor.

    Suerte y gracias nuevamente

    ResponderEliminar
  40. Por nada, lo importante es que hayas encontrado la solución.
    Saludos!

    ResponderEliminar
  41. graciaaaaaaassssssss me sirvio men eres el mejor muchas graciasss

    ResponderEliminar
  42. Hola potro una duda, para colocar como el tuyo de Enviar la entrada por Email como le hago, y para la opcion de imprimir la quiero agregar tipo bookmark, pero cual seria el codigo

    ResponderEliminar
  43. para el de imprimir ya haye por que me salia mal, y ya lo puse pero para el de enviar la entrada por Email como colocaste el codigo

    ResponderEliminar
  44. Hola Alex,

    Entra en Configuración > Básico, y en donde dice, ¿Mostrar enlaces de envío de entradas? selecciona , con eso aparecerá el enlace del envío de entradas por correo (que es el que estoy usando).

    Saludos!

    ResponderEliminar
  45. Hola, me parecio muy bueno el post,solo tengo una duda,al agregar el codigo los iconos para compartir me aparecen en las cabeceras de las entradas, y yo tengo activado en mi blog la opcion (LEER MAS) y me gustaria saber si me puedes ayudar a como hacer que los iconos de compartir aparezcan ya que este toda la entrada completa,hasta abajo coomo en tus entradas.Saludos.

    ResponderEliminar
  46. Hola Borest,

    Necesitaría saber cuál es tu blog para decirte dónde pegar el código para que aparezca abajo de las entradas.
    Mientras tanto encierra el código de los bookmarks entre
    <b:if cond='data:blog.pageType == &quot;item&quot;'> y </b:if>

    Con eso se verán sólo en las entradas y no en la página principal.
    Saludos.

    ResponderEliminar
  47. Ok, gracias, mira este es el blog, www.nitrostuped.blogspot.com ahun no lo hecho a andar en eso estoy, muchas gracias por la ayuda.

    ResponderEliminar
  48. Disculpa que haga esta pregunta aqui, en esta entrada pero la verdad no sabia donde hacertela saber, como te comentaba,tengo la opcion en las entradas del blog, (LEER MAS) pero quiciera agregarle algo de CSS al leer mas,para dejarlo como un boton o algo asi,el problema que tengo es que no se donde agregar ese codigo,podrias ayudarme.?

    ResponderEliminar
  49. muchas gracias por la informacion

    ResponderEliminar
  50. Hola Borest,

    Veo que ya lograste poner los marcadores en la parte de abajo del post.
    Para personalizar el leer más pon en tu plantilla esto:

    .rmlink a {
    ...aquí las propiedades..
    }

    Saludos.

    ResponderEliminar
  51. Hola Pablo,

    Me da gusto que te haya sido útil.
    Saludos.

    ResponderEliminar
  52. LA MEJOR EXPLICACIÓN DE LA WEB AMIGO! TE FELICITO QUEDÓ BUENÍSIMO!!

    SALUDOS!

    ResponderEliminar
  53. Gracias Francisco, ya lo he visto funcionando en tu blog ;)
    Saludos.

    ResponderEliminar
  54. Genial Blog! La verdad que bien explicado y muy provechoso!
    Gracias!

    ResponderEliminar
  55. Gracias a ti por tus comentarios ;)

    ResponderEliminar
  56. Potro como andamos!! Che amigo tirame una ayuda cdo puedas, mirá resulta q cambié la plantilla de http://elrespaldo.blogspot.com y ahora no le puedo poner los marcadores sociales porque no encuentro ninguno de los post footer line 3, ni con p ni con div???
    ¿Me resulta raro, pero, porque será?.

    Bueno espero puedas ayudarme.

    Saludos!

    ResponderEliminar
  57. Hola Francisco,

    Tu plantilla no lo tiene pero podrías poner el código debajo de esta línea:
    <div class='post-footer'>

    Saludos.

    ResponderEliminar
  58. Grande Potro!!, che amigo pero pegate una vuelta cdo puedas y miralo porque me queda desparejo en donde dice:compártelo, 2 comentarios

    ResponderEliminar
  59. Parece que ya lo has arreglado pues lo veo normal.
    Saludos.

    ResponderEliminar
  60. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  61. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  62. Hola Tux Warez,

    No he entendido a qué te refieres con que los coloca para abajo. Necesitaría ver el código dentro de tu plantilla para ver a qué te refieres.

    Saludos.

    ResponderEliminar
  63. Hola al darle click en Twitter, no aparece el Titulo, y en el URL que tiene dice title, entonces por que no aparece solo aparece asi http://ciudadblogger.com/2009/06/poner-marcadores-sociales-en-blogger.html y ya

    ResponderEliminar
  64. En el caso de Twitter sólo agrega la URL del post, no el título ni nada más, por ejemplo si le presionas en el de compartir en este post aparecerá en Twitter así:
    http://ciudadblogger.com/2009/06/poner-marcadores-sociales-en-blogger.html
    Ya si se desea agregar otro texto como el título o un comentario se tiene que hacer editando el tweet.

    Saludos.

    ResponderEliminar
  65. agregue lo de efecto push button
    pero lo segundo no lo hayo
    checa mi plantilla haber si me puedes ayudar
    http://disneyrocksmx.blogspot.com/

    GRACIAS

    ResponderEliminar
  66. Ya me perdí :S
    ¿Quieres agregar los marcadores sociales en es plantilla?
    Los marcadores sociales de este post ya tienen el efecto pushbutton y también tiene el de Twitter incluido.

    Saludos.

    ResponderEliminar
  67. Si eso lo entendi, pero en esta web http://disneyrocksmx.blogspot.com/
    no hayo los codigos para colocar lo de bookmarks, no hayo en mi plantilla me podrias ayudar porfavor
    si te confundi un poco
    perdon por eso

    ResponderEliminar
  68. Ok, ok, ahora ya entendí :D
    Tu plantilla no tiene esa parte pero puedes poner el código debajo de:
    <p class='post-footer-line post-footer-line-1'>
    Igual funcionará.
    Saludos.

    ResponderEliminar
  69. hola amigo potro... una pregunta quizas para algunos basica para mi no porque muy poco se de tecnologia computacional..
    puedo agregar estos indicadores sociales en una pagina web
    se hace de la misma manera oh de forma distinta, por fa si tienes explicacion enviela a mi correo oh aca, pero necesito su consejo, gracias y besitos de su amiga tiernita..
    chao mi querido potro.

    ResponderEliminar
  70. Hola tiernita,

    La verdad no sabría decirte, desconozco las plataformas de otras páginas Web, pero supongo que puede ser igual, podrías intentarlo.

    Saludos.

    ResponderEliminar
  71. Agradecido!!!

    Quedaron muy bien en mi blog :P

    ResponderEliminar
  72. Excelente Blackberry Chile, saludos.

    ResponderEliminar
  73. querido potro te cuento que me resulto todo en la pagina web asi que muchas mas graciasssssssss

    eres lo mejor !!!
    bechos mi niño de tiernita

    ResponderEliminar
  74. Qué excelente que todo haya resultado bien ;)
    Besos!

    ResponderEliminar
  75. Hola Potro !

    Gracias por tu tutorial me funciono al 100% ! pero solo tengo una pequeña duda, no se si los marcadores sociales los puedo poner al final del post ya que yo uso la funcion de 'Leer Mas' y cuando puse estos marcadores sociales me aparecen pero me salen asi,aqui te dejo mi blog para que veas como me salen

    http://negociosparaprincipianteseninternet.blogspot.com/

    No se si me puedan salir pero hasta el final del post como a ti te salen aqui en ciudadblogger

    No se si me entendiste?

    ResponderEliminar
  76. Hola Guerrero,

    Haz lo que indico en el comentario #46 para solucionarlo.
    Saludos.

    ResponderEliminar
  77. Gracias Potro por responder tan rapido :) pero una duda ocupo pegarlo debajo de esos codigos o no entiendo como que encerrarlos ?

    Saludos !

    ResponderEliminar
  78. El código que descargas del archivo tienes que encerrarlo entre esos códigos, es decir, así:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    Aquí va el código descargado
    </b:if>

    Saludos.

    ResponderEliminar
  79. Gracias El Potro !! muchisimas gracias si me funciono !

    Un Saludo

    ResponderEliminar
  80. Qué bueno que ya tuviste los resultados esperados.
    Saludos.

    ResponderEliminar
  81. Hola,

    Estoy con la creación de mi bitácora y tus consejos me están ayudando mucho.

    Una pregunta: ¿Cómo hago para que estos botones me aparezcan solo en la página de cada entrada y no en la página principal, que se repiten una y otra vez debajo de cada entrada? ¿Me he explicado?

    Gracias!!

    ResponderEliminar
  82. Vale! Ya veo que lo has respondido arriba. ;)

    ResponderEliminar
  83. Qué bueno que ya lo has solucionado ;)
    Saludos!

    ResponderEliminar
  84. Esto esta impecable felicitaciones

    ResponderEliminar
  85. Muchas gracias por tus comentarios :)

    ResponderEliminar
  86. Como lo ago para que solo me aparesca cuando le doy la opcion Leer Más a la entrada?

    Osea, que solo me aparescan los marcadores cuando le doy click a la entrada y que no me aparesca en la pagina principal... Este mi Blog

    http://www.carlitocomparte.blogspot.com/

    Saludos

    ResponderEliminar
  87. En el comentario #79 está el código que debes usar para que aparezcan sólo en las entradas.

    Saludos!

    ResponderEliminar
  88. Yo he hecho todo como explicas pero los bookmarks me salen en vertical y no en horizontal. Como lo arreglo?

    ResponderEliminar
  89. Podría tratarse por los estilos de tu plantilla, aunque muchos han puesto los marcadores en esa plantilla que usas y no han tenido problema :S

    ResponderEliminar
  90. Hola Potro, a mi también me aparecen en vertical, que puedo hacer???

    ResponderEliminar
  91. Hagan esto para que salgan horizontalmente y no verticalmente. Busquen en su plantilla esta parte:

    img {
    border: 0;
    display: block;
    }

    Eliminen lo que está en negrita y listo.

    ResponderEliminar
  92. Gracias Potro, ya quedó... está de lujo

    ResponderEliminar
  93. Una duda grande, bueno si entras a curiosidades del mundo veras en todos los Post que tienen los marcadores sociales, ahora lo que quiero es ke no aparezca en la Portada si no en cada post individual

    Gracias Potro

    espero me puedas ayudar

    ResponderEliminar
  94. En el comentario #79 está el código condicional que debe usarse.

    Saludos!

    ResponderEliminar
  95. Hola Potro, justo debajo de los marcadores y las entradas relacionadas, agregue como una recomendación para que los lectores se subscriban a mi feed y por email etc, pero pues quisiera agregarle algo de estilo a ese texcto, como puedo hacer para encerrarlo en una caja, ponerle un fondo y un color de borde. Tengo que marcar en los CSS o se puede hacer todo ahi? Si me puedes ayudar con el codigo. Saludos.

    ResponderEliminar
  96. Hola Borest,

    Encierra lo que has puesto entre <div id='recomendacion'> y </div>

    Luego en los estilos agrega esto:
    #recomendacion {
    ...estilos...
    }

    Ahí agregas todo lo que le quieras poner.
    Saludos.

    ResponderEliminar
  97. hola recien estoy empezando en esto y estoy perdida!estas subcripciones son las que aparecen despues de cada post? quisiera que me ayudes para poner una subcripcion a feed y otra a faceboock pero como tienen la mayoria de los blog no se si me explico

    ResponderEliminar
  98. Me ha funcionado de maravilla y ya lo uso en mi blog. Muchas gracias Potro!

    ResponderEliminar
  99. Hola grisho0,

    Efectivamente son las que aparecen abajo de cada post. Para poner lo otro entra en Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pega esto:

    <a href="http://tublog.blogspot.com/feeds/posts/default"><img src="URL de la imagen" /></a>

    <a href="URL de tu Facebook"><img src="URL de la imagen" /></a>

    Cambia el nombre de tu blog donde se indica, igualmente agrega la URL de la imagen del ícono que quieras donde se indica.
    El primer código es para que se suscriban a tu blog, el segundo es para que entren a tu perfil de Facebook.

    Saludos.

    ResponderEliminar
  100. Hola Mónica Jourgensen,

    Qué bueno que te ha sido útil esta información.
    ¡Saludos!

    ResponderEliminar
  101. Hola Potro,en la parte derecha de este blog http://skinep.blogspot.com puse unos iconos sociales, justo ahora aparecen unos de 32x32 pixeles, pero antes tenia unos de 16px, el problema era que les agregaba un texto ejemplo Codigodelaimagen>Sigueme en twitter, pero lo que yo queria era que la imagen se despegara un poco más del texto, porque aparecia muy junto, quisiera saber si se puede hacer eso?. Ya intente haciendo lo de cambiar los iconos de los widgets, buscando el id de ese widget (HTML1), entonces quite la url de la imagen y solo deje las () y modifique la distancia, pero aun asi no vi cambios, espero tu ayuda. Saludos.

    ResponderEliminar
  102. En el código de la imagen agrega esto style="margin-right:10px;"

    Sino funciona con margin-right intenta con padding-right
    Saludos.

    ResponderEliminar
  103. Hola Potro, por qué será que si abro el Blog con el explorer los marcadores se ven gigantes? Con friefoz y Chrome va perfecto. Se podrá solucionar?
    Gracias!!

    ResponderEliminar
  104. Puede ser la versión de tu navegador, aunque de por sí es "normal" que las páginas web se vean fatales en Internet Explorer.

    Saludos.

    ResponderEliminar
  105. Hola Potro! Te envié un correo con algo referente al archivo de texto de los marcadores sociales, a los cuales les modifiqué unas cositas. Pero ahora veo como que aparecen otras redes que no estaban antes o que cambiaron los íconos. ¿Es ese archivo de texto que pusiste para descargar el mismo que estaba antes, o lo modificaste? Es que a mí no me aparecen las redes de Blogmemes ni Neodiario. Estoy usando el archivo que tú habías posteado hace tiempo. Ilústrame, por favor.
    Gracias y saludos!!!

    ResponderEliminar
  106. Hola Vicky,

    No he visto aun tu correo, en un rato más lo reviso.
    Efectivamente hice unos cambios porque había un par de redes que ya no funcionaban, Blogmemes y Neodiario, así que las eliminé, pero olvidé por completo editar la entrada y suprimir esos :P

    Ahora mismo quito esos nombres de la entrada :)

    ¡Saludos!

    ResponderEliminar
  107. Hola, Potro! Gracias por la aclaración y también por tener en cuenta las aportaciones de información (aunque sean muy pequeñitas) que los ciudadanos podamos hacer.
    Y gracias porque tu página entrelaza una amplia red de personas, en la que todos aprendemos de los aportes y preguntas de todos, y sobre todo, de tus respuestas para todos nosotros.
    Saludos!

    ResponderEliminar
  108. Creo que lo que más me gusta de estar aquí es que fuera de ser un sitio donde alguien "enseña" y los demás "aprenden" se convierte en como bien dices una red, en la que todos aprendemos de todos.

    Gracias por tus siempre amables comentarios :)
    ¡Saludos!

    ResponderEliminar
  109. Para los que les este costando encontrar iconos mirad aquí:
    Icon Finder
    Lo acabo de conocer y ya me encanta.

    Los de mi dock están sacados de allí:
    Drawer 4 Everyone

    ResponderEliminar
  110. Hola, Potro! Como habrás visto, ya puse estos botoncitos de redes sociales en mi blog (el blog de la dirección que te envié ayer por correo). Funcionan muy bien. Gracias. Solo quisiera pedirte si pudieras ayudarme en un detallito que no he podido acomodar.
    Verás: desde que los puse, me aparece arriba de ellos (entre éstos y las reaaciones) una especie de franja que es como un sub-cuadro interno, dentro del cuadro mismo que ya yo tenía como post-footer.
    Y pienso que eso tiene que ver con los botones de redes sociales, porque en dos blogs que los he puesto, me sucede igual, y justo después de haber puesto estos botones.
    Por mucho que he intentado, no logro quitarle ese recuadro de más adentro. ¿A qué crees que se deba? ¿Cómo podría yo hacer?
    Muchísimas gracias, de antemano.

    ResponderEliminar
  111. Hola Vicky,

    Podría ser por la clase que tiene el contenedor de los botones, prueba con esto, al inicio del código que has descargado de esta entrada busca esta línea:
    p align='left' class='post-footer'

    Elimina lo que está en negrita y verifica si con eso se soluciona.
    ¡Saludos!

    ResponderEliminar
  112. Hola de nuevo, Potro! Mira, que diste justo en el clavo. Eso mismo era la causa. Le quité lo que me dijiste y ¡voila!, santo remedio!
    Muchas gracias de nuevo por todos tus trucos, datos y tips.
    Hasta luego!

    ResponderEliminar
  113. Hola Potro.Que tendría que hacer para poder poner los marcadores en la barra lateral? Lo que tampoco consigo averiguar es cómo conseguir las URL de ciertos sitios para ponerles un marcador y que al clicar sobre él nos mande a la página para compartir.Cómo por ejemplo en blogger,que te lleva directamente a una ventana para publicar una entrada.

    Gracias por adelantado.

    ResponderEliminar
  114. Ignoro si se puedan poner en la sidebar.
    Sobre los sitios que menciones no sé exactamente a qué te refieres, necesitaría ver un ejemplo.

    Saludos.

    ResponderEliminar
  115. He conseguido ponerlos en la sidebar con un elemento HTML/Javascript,de igual forma que poniendo imágenes con una URL.He copiado las URL para cada enlace del archivo que tu has puesto para descargar en el tutorial.Y funciona perfecto.Pero hay algunos inconvenientes.Por ejemplo en el marcador de Blogger que ponemos debajo de las entradas clicas y te abre una ventana para compartir el contenido en tu blog,y ya te aparece copiada la URL del post que quieres compartir.Al clicar en el marcador en la sidebar me abre la ventana igual,pero no aparece el título del blog o post copiado.

    Las URL por las que preguntaba son precisamente de las que hacen que el marcador te lleve a la red social dónde quieres compartir.Por ejemplo:

    "http://facebook.com/share.php?u/"

    Ésta te lleva a la ventana para compartir en Facebook.Éstas las tenemos porque están en el archivo que tu has puesto.Pero y si quieres poner otras,cómo por ejemplo deviantART,con su respectivo icono,cómo conseguimos ésas URL para pegar en el código HTML? Lo intento pero no lo consigo.

    ResponderEliminar
  116. Perdona Potro.Se me olvidó dejar la URL de mi blog por si quieres comprobar el ejemplo que expongo antes.Ahí va:

    http://ivanserranogarcia.blogspot.com/

    ResponderEliminar
  117. Poner los códigos en la sidebar hará sólo que se muestren los íconos, pero dudo que pueda funcionar de forma correcta pues los códigos necesitan tomar la URL de la entrada para poder compartir el título y la dirección; y esos sólo se obtienen si el código está dentro del área de la entrada. Es por eso que desconozco si realmente pueda ponerse en la sidebar.

    No sé si Deviantart tenga ese servicio de compartir los artículos, de ser así sólo necesitarías averiguar la URL del servicio, cada página que tiene la característica de publicar contenido compartido tiene una URL distinta, por eso no podría decirte cuál es, si es que la tiene.
    Si la obtuvieras sólo tienes que agregarla a este código:

    <a expr:href='&quot;URL para compartir&quot; + data:post.title + &quot;: &quot; + data:post.url'><img src='URl de la imagen' /></a>

    ResponderEliminar
  118. Muchas gracias por la respuesta Potro.He estado probando de poner los marcadores en la sidebar y no se si habrás podido comprobarlo,ya que he hecho cambios constantemente ésta tarde,pero a mi me funcionan.Haciéndolo cómo si pusieras un banner en un HTML Javascript.Poniéndo las URL de las páginas y de las imágenes.Éso si,para enviar el contenido hay copiar y pegar en la ventana que aparece,la URL del sitio que quieres compartir.Es el inconveniente respecto al de las entradas.De éste modo alguien puede compartir la dirección de tu blog en sí y no sólo la entrada.Espero que a alguien le pueda servir de ayuda.

    Muchísimas gracias por tu ayuda y entrega a ayudarnos,Potro.

    ResponderEliminar
  119. Hola Potro.El código que me has puesto en el post 124 no me ha servido.Gracias de todas formas.He conseguido que funcionen los marcadores sociales en la sidebar y en otras zonas de la plantilla,pegando el código en un elemento HTML/Javascript,de la misma manera que para poner una imagen cómo link.Puedes comprobar en mi blog que funciona.Por si a alguien le interesara ponerlo también.Lo he puesto en la sidebar y en el footer.

    http://ivanserranogarcia.blogspot.com/

    Saludos.

    ResponderEliminar
  120. Ya lo he visto, y como te decía, al estar en la sidebar no toma los datos de la URL de la entrada y su título.
    Saludos!

    ResponderEliminar
  121. Si,ése es el inconveniente.Habría que hacer cómo antiguamente.Copiar y pegar.No es que sea una gran solución,pero bueno.Lo intenté para ver si se podía compartir directamente la URL del blog y no sólo la entrada...En cualquier caso todo lo que sea aprender,que sea vienvenido!

    Saludos,y gracias.

    ResponderEliminar
  122. De todas formas estaré al pendiente por si veo cómo solucionarlo ;)
    Saludos!

    ResponderEliminar
  123. Hola Potro:

    Cuales son los codigos para poder insertar los iconos de Facebook Share y Twitter,pero en un blog que no se construyó con blogger ni con Worpress. Te agradeceria tu respuesta. Gracias

    ResponderEliminar
  124. Desconozco cómo se haga en otras plataformas distintas a Blogger :s

    ResponderEliminar
  125. muchas gracias funciona del uno¡¡¡ mi blog esta quedando de lujo¡¡

    ResponderEliminar
  126. Buenas necesito ayuda , me están apareciendo los marcadores sociales de blogger sin activarlo del panel de control y no-lose como eliminarlo te agradezco cualquier ayuda

    ResponderEliminar
  127. Mira esta entrada, ahí verás que se menciona que se debe pegar un código; sólo busca el código en cuestión y elimínalo.

    ResponderEliminar
  128. De nuevo potro perdon por la molestia ,pero no encuentro eestos codigos en el blog,Donde pongo el codigo?
    Gracias porlo de la fecha y saludos

    ResponderEliminar
  129. ¿En cuál blog lo estás tratando de poner?

    ResponderEliminar
  130. eN EL BLOG DE mexico-greenzoner.blogspot.com no encuentro esos codigos del footer, ninguno de los 2 y por eso no se dnde poner el archivo que descargue y me salieron otros problemas por ahi ,los voy a adjuntar aqui :
    tenia una imagen de banner anunciante como el tuyo en el header y desaperecio y quiero que este ahi ,que habra pasado? y mi ultima duda :bueno puse el leer mas con imagenes miniatura y cambia el texto por una imagen y no me aparece la imagen de leer mas .Saludos potro y gracias :)

    ResponderEliminar
  131. Esa plantilla no tiene los códigos completos ni los nombres regulares que usa Blogger en las plantillas es por eso que no aparecen las líneas donde se debe poner.
    Prueba poner el código antes de <div id="commentsbox">

    Sobre el leer más no sé, por lo que vi no aparece el código completo, desconozco si el lugar de donde tomaste el truco tiene los códigos correctos.

    ResponderEliminar
  132. Hola MAESTRO, que tal, he hecho alguna modificacion sobre el estilo original que tienes aqui posteado y como siempre funcionando a la perfeccion. Bueno no me quiero extender. Date una vuelta por mi Blog y si me das la aprobacion subire aqui el enlace para que se lo descargen y asi de esta manera que elijan entre los dos estilos. http://www.ciudadpc.com/
    Un abrazo

    ResponderEliminar
  133. Te ha quedado muy bien PC :)
    Un abrazo.

    ResponderEliminar
  134. Potro se me olvidaba, sabes si ahi alguna manera (segun mi plantilla) de mostrarlos solo debajo de cada articulo al igual que los articulos relacionados y no en las paginas con formato estilo magazine. No se se me explico.

    ResponderEliminar
  135. ¿Te refieres a que no se vean en la portada?
    http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

    ResponderEliminar
  136. Si señor Potro, ya he puesto la condicional
    ...Aquí va el código del elemento...

    y esto es lo que queria. Eternamente agradecido.
    Un abrazo

    ResponderEliminar
  137. diculpa potro , nose si sabras como quitar los bookmark predeterminados que trae blogger , porque le e puesto otro , saludos y gracias

    ResponderEliminar
  138. Mira esta entrada, sólo sigue los pasos a la inversa.

    ResponderEliminar
  139. Muchas gracias, de tanto buscar llegue aquí y me sirvió de mucho, saludos amigos y saludos a todos que visitan este blog :)

    ResponderEliminar
  140. potro tengo una pregunta , mira yo tengo un marcador social llamado sexybookmark y lo que pasa esque cuando pongo compartir por ejemplo en facebook , no aparece lo que dice la entrada si no que dice el codigo html del gadget en la publicacion de facebook osea esto:

    var numposts = 2;var showpostthumbnails = true;var displaymore = true;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;

    el codigo esta aqui http://write.fm/SEXYBOOK que se divide en 2partes uno que va antes de "]]bskin" y el otro despues de ""

    ResponderEliminar
  141. si me dijieses como arreglarlo para que en la publicacion de facebook salga lo de la entrada te lo agradeceria bastante saludos

    ResponderEliminar
  142. Ese es uno de los problemas que ha traído desde siempre el sistema para compartir de Facebook, no es por el marcador social, de hecho si pruebas hacerlo desde cualquier otro botón de Facebook sucederá lo mismo. Es un problema de antaño que parece no tener una solución real.
    Lo unico que puedes hacer es, o que quites ese script que usas, o que agregues meta tags, aunque no saldrá el texto de las entradas que se comparten, sino la descripción del blog.

    ResponderEliminar
  143. Potro éstos botones son excelentes!, pero me gustaria saber como puedo hacer que queden más juntos entre sí, sólo por cuestiones estéticas, lo demás esta perfecto

    Saludos.

    ResponderEliminar
  144. Hola Diego,

    Ese espacio es generado por los estilos de tu plantilla, prueba poner debajo de .bookmark img{ esto:
    margin:0 !important!

    ResponderEliminar
  145. Gracias Potro es Robert Aguilera.
    Bien seguiré tus recomendaciones y una vez que lo haga te aviso. Una cosa más como puedo colocar dicho botones llamase facebook, twitter, gmail, y rss. En la parte superior izquierda de mi blog , pues me gustaría estuvieran ubicados a nivel de la pestañas o cerca. Te dejo el URL de mi blog.
    http://cursodecadd2d.blogspot.com/

    Nuevamente Mil Gracias por tu ayuda Saludos.

    ResponderEliminar
  146. Podrías hacerlo dividiendo el crosscoll del blog, sólo que en lugar de dividirlo en tres partes lo dividirías en dos para que de un lado esté el menú y del otro lado los botones que deseas. Saludos!

    ResponderEliminar
  147. Hola Potro, este truco lo instalé en mi blog hace unos meses y va perfecto, pero tengo una pequeña duda, desactivé los iconos que te da blogger por defecto de las redes sociales y nunca me desaparecen de los post, siempre están ahi pero cuando pinchas en ellos no funcionan, ¿como puedo eliminarlos por completo? ¿alguna idea? Gracias de antemano.

    ResponderEliminar
  148. Hola Jesús,

    Busca el código de los botones y borralo de la plantilla, así será de forma directa la eliminación.

    ResponderEliminar
  149. Muchas gracias Potro! ya lo he arreglado.

    ResponderEliminar
  150. Hola Potro q tal , lo prometido es deuda, ya coloque los marcadores en mi blog y se ven perfectos. En eta ocasión me gustaría q me hechara una mano con un problemita q tengo en mi pagina facebook , me refiero específicamente a EDITAR LA CONFIGURACIÓN DE IMPORTACION. Mi duda es la siguiente que se debe colocar la URL O EL FEED DEL BLOG. En mi caso coloque la URL y una vez q lo hice las entradas de mi blog aparecieron en mi pagina de facebook hasta aquí todo un 100% bien. Y Aquí viene mi problema al hacer click sobre cualquiera de estas entradas en mi pagina facebook no lo vincula a mi blog simplemente abre en modo de código HTML. No se que estaré haciendo mal.
    Seguidamente te dejo la URL DE MI BLOG. Y la de FACEBOOK
    http://cursodecadd2d.blogspot.com/
    URL DE MI PAGINA DE FACEBOOK.
    http://www.facebook.com/pages/CursodeCadd2d/159403264132594?sk=wall

    Y aprovechando este post me gustaría saber si has publicado algo sobre FEEDBURNER Y EN LO particular me interesa saber cómo cambiar a español el mensaje de bienvenida que envía FEEDBURNER una vez que un usuario se suscribe , y si fuese posible como editarlo a nuestro gusto. Y por ultimo como cambiar a español la pagina del FEED DEL BLOG. De antemano 1000 gracias por tu ayuda Saludos. R.A

    ResponderEliminar
  151. Hola Robert Aguilera,

    Te sugiero que mejor uses una aplicación para vincular tu blog con Facebook. Una muy buena es RSS Graffiti:
    http://oloblogger.blogspot.com/2010/05/tus-entradas-en-facebook-rss-graffiti.html

    El idioma de ese mensaje se cambia ahí mismo en Feedburner, en esa misma sección verás que aparece la opción del idioma.
    Para conocer más temas sobre el feed mira esta sección:
    http://ciudadblogger.com/search/label/Feed

    Saludos.

    ResponderEliminar
  152. Hola Potro tengo una duda más antes de registrarme en RSS Graffiti o en este otro servicio que conseguí NetworkedBlog debería eliminar mis estradas de mi pagina de facebook así como suspender la importación de mi blog y comenzar todo desde cero?. Aunque la respuesta a esta pregunta es bastante obvia no me gustaría cometer alguna imprudencia.

    Lo otro seria y desde tu óptica cual sería el mejor servicio y me refiero a las ventajas y desventajas de ambos servicios. Investigando un poco supe que NetworkedBlog es algo lento en actualizar las entrada de un blog. Mil gracias por tu ayuda saludos.

    ResponderEliminar
  153. Hola Robert,

    No es necesario eliminar las actualizaciones, sólo dar de baja la importación y luego proceder con la aplicación que hayas elegido.
    NetworkedBlog no lo he usado (o creo que una vez lo quise hacer y no pude), pero RSS Graffiti lo uso en la página de Facebook y me funciona muy bien.

    Saludos.

    ResponderEliminar
  154. Hola potro la aplicación RSS GRAFFITI me funciono perfectamente gracias por la ayuda. Me gustaría que me asistiera en tres interrogantes + que tengo jejjeje . Por lo general acostumbro a sobrescribir mi estrada principal simplemente sustituyendo la imagen únicamente (la publicidad del curso de autocad) bien como se podría en engañar por así decirlo al RSS GRAFFITI de que es una entrada nueva.
    Mi segunda interrogante Potro seria como vincular mi canal youtube (videos) a fecebook por medio de RSS GRAFFITI . Estuve investigando un poco y conseguí un video en ingles el cual te dejare el link para que le eches un vistazo y me recomiendes si ese es la manera correcta. Lo que me intereso del video y es clave es hallar el FEDD del canal de youtube el cual no se como conseguirlo.
    http://www.youtube.com/watch?v=8I-L4f-jRR8

    Y por ultimo Potro quiero aprovechar la oportunidad de aportar a la comunidad de Ciudad blogger un link de una página que gestiona de manera automática FAVICON TIPO GIFF estos giff son muy parecidos al blog de prueba de ciudad blogger beta me pareció interesante porque te ahorra algunos pasos y de manera autónoma genera un código aquí dejo la URL . http://favicon.htmlkit.com/favicon/

    ResponderEliminar
  155. Hola de nuevo,

    En las configuración de RSS Graffiti hay una opción (Filter) que dice qué publicaciones debe mostrar antes de determinada fecha, si pones una fecha muy anterior a la de esa entrada entonces cada vez que actualices esa entrada y la publiques otra vez la mostrará nuevamente en Facebook.
    Sobre lo de YouTube no lo sé, nunca lo he intentado, pero la URL del feed de un usuario es así:
    http://www.youtube.com/rss/username/USUARIO.rss

    Gracias por el enlace, ojalá a alguien le sirva.
    Saludos!

    ResponderEliminar
  156. Hola Potro el feed de youtube me funciono perfectamente, gracia por el aporte. En esta oportunidad me gustaría contribuir a la comunidad de ciudad blogger . Referente a la creación de banners para el perfil de facebook no sabría si para las paginas facebook las cuales están de moda. Aquí dejo dos LINK para tal fin.
    http://www.fbannersusers.com/flash/
    http://www.perfilfacebook.com/

    El segundo aporte el cual me pareció bastante interesante aunque lo conseguí en un video tutorial para banner de youtube . Y aquí viene lo atractivo de la pagina que con solo enmarcando tu logotipo o texto te hace un link al blog, twitter , facebook etc, etc, donde tu quieras o consideres.No se si la aplicación serviria para las paginas de bienvenidad de facebook. Claro no me podría irm sin preguntar algo jeje. Seguidamente dejo el link.
    http://www.image-maps.com/

    Potro me gustaría por favor me recomendaras un tutorial o profundizaras un poco más si fuese posible sobre la creación de la pagina de bienvenida de facebook . y me refiero puntualmente en que lenguaje se encuentra ese pagina en HTML O FBML , esa pagina la deberíamos subir a un Hosting , ese diseño hay que hacerlo en un programa especifico en otras palabras . Como se hace para que cada uno de esos imágenes de la pagina de bienvenida de ciudad blogger tengan un link. Y subirla posteriormente a facebook. He revisado los post de ciudad blogger relacionado, lo confieso muy someramente. gracias por tu consejo, y disculpa mi imprudencia por tanta preguntas. Saludos.
    R.A

    ResponderEliminar
  157. Hola Robert,

    Gracias por los aportes.
    En la red abundan tutoriales sobre FBML, pero si tienes tu pestaña de bienvenida como expliqué en otro post entonces basta con un poco de HTML básico, el mismo que utilizarías en Blogger.
    Ya depende más sobre qué tanto quieras ponerle, pero no es nada complicado, yo por ejemplo sólo he puesto simples códigos de imágenes y algunas de ellas con enlaces. Algo tan sencillo como esto:

    <a href="URL del enlace" ><img src="URL de la imagen" /></a>

    Saludos.

    ResponderEliminar
  158. Gracias mi pana, justo lo que necesitaba se te agradece un mundo.

    ResponderEliminar
  159. Buenos dias amigo Potro.

    Muchas gracias por poner toda esta información a disposicion de los usuarios; ya he usado varios trucos y funcionan al 100% !!!

    En este caso tengo una duda; los enlaces sociales se activan solamente en la pagina principal, despues de cada tema, al presionar "Más Información" y mostrar los temas de forma individual no aparece; he hecho varias pruebas y utilizado los condicionales del comentario 146, quitandolos de la pagina principal, pero no consigo activarlos en los temas individuales.

    Alguna sugerencia? donde reviso?

    De antemano muchas gracias.

    http://airenlaces.blogspot.com/

    ResponderEliminar
  160. Buen día elepe3000,

    Entré a tu blog pero no veo puestos los marcadores sociales. Necesitaría verlos puestos para saber dónde puede estar el problema.

    Saludos y gracias por tu comentario.

    ResponderEliminar
  161. Muchas gracias amigo Potro.
    No deja de sorprenderme su voluntad para ayudar a los demás!!! felicitaciones y gracias.

    Ya está resuelto.

    El problema estaba en que visualizaba en VISTA PREVIA (sin guardar los cambios), en ese modo no mostraba los botones en el tema desplegado (después de presionar "Mas Informacióm"), al hacerme la solicitud para revisar guardé los cambios y funcionó, o sea que igual resolviste la situación!!!

    Agradecido como miles de blogeros por tu atención, solucionar el problema y aprender que, al menos en mi equipo, la "Vista Previa" no muestra lo mismo que las modificaciones grabadas.

    Muchas gracias.
    (incluí boton de enlace a CiudadBlogger)

    ResponderEliminar
  162. En Vista Previa no se ejecutan scripts y algunas cosillas. Pero además de eso, si es un cambio que sólo es visible en las entradas entonces la Vista Previa no sirve para esos casos, ahí es necesario guardar para que se apliquen y visualicen los cambios.
    Qué gusto que ya lo has resuelto y gracias por el enlace. Saludos.

    ResponderEliminar
  163. Me encanta! gracias y además muy bien explicado!. Saludos!

    ResponderEliminar
    Respuestas
    1. Gracias a ti Gypunto, por tu visita y comentario. Saludos.

      Eliminar
  164. lo primero de todo gracias potro! mi pregunta es que cuando envio una entrada a facebook no aparece la foto como podria solucionarlo?? gracias de antemano y a seguir bloggueando.

    ResponderEliminar
    Respuestas
    1. Es un problema del que sufrimos la mayoría. Mira esta entrada de Vagabundia:
      http://vagabundia.blogspot.com/2012/01/mejoras-para-compartir-entradas-en.html

      Eliminar
  165. Hola Potro! Antes que nada agradecerte tus aportaciones, gracias a tus consejos mi blog está quedando genial!!

    En cuanto a esto... He puesto todo perfecto, he cambiado las imagenes para que vayan un poco mejor con el diseño de mi blog, pero me gustaría poner el enlace de compartir como el de pinterest, ¿cómo lo puedo hacer? No se muy bien que poner...
    gracias por tu ayuda!!!

    ResponderEliminar
    Respuestas
    1. Hola, puedes ver el código de ese botón en esta entrada de Oloblogger:
      http://www.oloblogger.com/2012/03/pinterest-boton-que-se-ve-y-funciona.html

      Eliminar
    2. gracias por contestar tan rápido, eres un auténtico crack!

      Eliminar
  166. Hola. Te quisiera preguntar una duda. Al abrir Diseño en mi página no hay ninguna pestaña para abrir htlm. Sí en Plantilla, pero ahí no encuentro eso de ]]> Seguro que es una tontería, pero es que llevo ya un rato tratando de poner esos iconos y no hay manera.

    ResponderEliminar
    Respuestas
    1. Hola, da click la flecha que está junto a <b:skin>...</b:skin> se expandirá esa área y ahí verás dónde tienes que pegar ese código.

      Eliminar
  167. Eres un crack, amigo. Te lo agradezco no sabes cómo. No sé si has entrado en www.zeppelinrockon.com pero seguro que ves por ahí cosas que mejorar en la página: tengo más de 2.000 vistas diarias pero el adsense es muy bajo. En fin, no sé cómo mejorar ese apartado. Help!!
    Gracias de corazón.

    ResponderEliminar
    Respuestas
    1. Te lo debo ÁNGEL, no soy experto en el tema de la monetización del blog :(

      Eliminar
    2. Gracias de todos modos. Un saludo.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger