Poner emoticons en Blogger estilo Facebook

22 de julio de 2011 326 comentarios ,
AVISO
Este truco sólo funciona en el sistema antiguo de comentarios. Si usas los comentarios anidados visita esta entrada de Vagabundia.



Las palabras no siempre son suficientes para expresar alguna emoción, sobre todo en el mundo cibernético donde todo tiene el sentido connotativo que cada uno le da. Es ahí cuando los emoticonos salen a nuestro rescate para poder reflejar algún estado de ánimo o gesto que a veces es más fácil expresar con una imagen.

Por esa razón muchos optan por usar emoticons en los comentarios del blog, y es eso mismo lo que haremos con esta entrada. Veremos cómo agregar emoticons en el blog estilo Facebook, es decir, con los mismos emoticons que usa Facebook en su chat y muro. Puedes verlos funcionando en este blog de pruebas.
Estos son los emoticones que verás:


Estos emoticons (emoticones, emoticonos, smiles, o como le quieras llamar) aparecerán sólo en los comentarios, y para ello usaremos un script de Vagabundia que ingeniosamente hace que los emoticons sólo se ejecuten en el cuerpo de los comentarios para no interferir con otras áreas.

Primero entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios y agrega antes de </head> el siguiente script:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function emoticonComentario(emoticon) {
if(!document.getElementById) {return;}
bodyText = document.getElementById(emoticon);
cambiarLetra = bodyText.innerHTML;

// :)
cambiarLetra = cambiarLetra.replace(/:\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOh_zX2n_1YEcdhaBEkTaIKnMmLAkZqkOha_yqV-a8gXhL8qC8RQVpMvbAU4bFbcDriybNsBQPm_CsI-it9CBuRitlWmcP_1giut4wQdYFOxDu2CLlIS8GmJ17DN4le3OXEp2y8ngW6xQ/" />');

// :(
cambiarLetra = cambiarLetra.replace(/:\(/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgPnpLuN_eoV8PkLu1Qm8X3Id3_up9xk_UXOLPOCRA8mUgN96huD-i5oKrdOwYUkMh8r0fDuwn9VFtTlrU-nm2T562Lw5_9AWE3qbwQJ9PiIPbsrEZQkYRSRWtn2um0xLg5C3wppD9rw/" />');

// ;)
cambiarLetra = cambiarLetra.replace(/;\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIgFXkgfUFc0A-G7cpUueE3faD4vRfdFPKPwRiubMMlbiQ7-ZK-Rj2dbiL7K7IZu0e_j8wCkGoo0hgRExAfR_Dphc19-rEBFxvnZHPUMLbg76djwoY5xZsiF-u2hPgwgdFtgHbB2YNuIw/" />');

// :P
cambiarLetra = cambiarLetra.replace(/:\P/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirUMQyjTq7CEwaNPdJyVPWPlpIFs6ODR3Oa7lOL3hePFvmsiQgAKXXxI76mjt-mRirVJz6vHyoK8rAFpjS64PXZH__CU6zTrfAJK5PEq-PA5CG92vIVMIXgZv3m3Ja-eMuwHNaFfFR5zo/" />');
cambiarLetra = cambiarLetra.replace(/:\p/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirUMQyjTq7CEwaNPdJyVPWPlpIFs6ODR3Oa7lOL3hePFvmsiQgAKXXxI76mjt-mRirVJz6vHyoK8rAFpjS64PXZH__CU6zTrfAJK5PEq-PA5CG92vIVMIXgZv3m3Ja-eMuwHNaFfFR5zo/" />');

// :D
cambiarLetra = cambiarLetra.replace(/:D/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sj_HFHf8Vm-LW0ygaUspmzOBgkaGkcRT5DDG9hwml4xWTh8OakG0rxwYSgrK3XhfdAQFFcfErUaJiUzeeyah51DCc9Ne0DDRfSkaFLoZN5SJw9nc2KTUPV1sWgKytBrdfagu56X-Piw/" />');
cambiarLetra = cambiarLetra.replace(/:d/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sj_HFHf8Vm-LW0ygaUspmzOBgkaGkcRT5DDG9hwml4xWTh8OakG0rxwYSgrK3XhfdAQFFcfErUaJiUzeeyah51DCc9Ne0DDRfSkaFLoZN5SJw9nc2KTUPV1sWgKytBrdfagu56X-Piw/" />');

// XD
cambiarLetra = cambiarLetra.replace(/XD/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgET7_Z2wb2KkyRgrdHm_BHcoZ_pdtRQQ1XSwQ17yVr8oTD8QkigIN0qWAD7wxgglZL9hZacLZTsvGdNx1TTT5tBoQJ7CMjxFUMtGJ2Us4thZQkcl19mJPlg43cYNEf7-r74toTNQ45cb4/" />');

// :S
cambiarLetra = cambiarLetra.replace(/:S/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3umdvV5JdSsmRGHipPjcw9e04XmDY1uF6Nnrjk1zWc5qKKhYkadlf3JDuMOp0fi9bQklsOlHIuCexW9pMQepRAOTD2IyXQ-HrZQBQn412XYohaP-P-en0GGJjrzCB1a_bVFCnLA2DbtQ/" />');
cambiarLetra = cambiarLetra.replace(/:s/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3umdvV5JdSsmRGHipPjcw9e04XmDY1uF6Nnrjk1zWc5qKKhYkadlf3JDuMOp0fi9bQklsOlHIuCexW9pMQepRAOTD2IyXQ-HrZQBQn412XYohaP-P-en0GGJjrzCB1a_bVFCnLA2DbtQ/" />');

// X(
cambiarLetra = cambiarLetra.replace(/X\(/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-rsh8F1vLXHM9ddoOUdMrFeXKqqteOaVpFe3t9ZV8eh9ZhxA4iyU6Gc_DcZwQk2FVzZfFClKfDSbIEnGTl4ybcW1CuHrltS-q9nPugyuglEy6EBDHvl2A8rMHbAUOQk2WRqOPhwje2So/" />');

// :'(
cambiarLetra = cambiarLetra.replace(/:'\(/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQkFEhT9TlxhsH6N2Fn1lkudehyjvgiR1zyKJx_FqgA-7WKIrIFYuKfUfpdTr4TdhixsfWhXYxnBBk0T9o8_20vaFINujSCtJKvuccrgCJSu5GDBOjs-AmbxdrFC3IQnLdhkw9rtSF9Mc/" />');

// 8)
cambiarLetra = cambiarLetra.replace(/8\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuqpb7JqZrzbftwXknGOvFWDKnLNn4fu0mcUQSoad9a1gMwg2wS3o_UsOjcoyWB5jtZeVRAcWhksEVvsUxi3Hdho6tr9LD4LfbRixOqYrC8HQJgf5LuvPoYAPN89Hg136FyiF3Knn7Qqs/" />');

// :O
cambiarLetra = cambiarLetra.replace(/:\O/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg81P4GaRuCm97qfPVolaEUo7zaoPiKzu8BolZuzu_eeMSJqXJWXldYNJa_9D_wvXKe-IFY2RwdTTMacyLHmsvDFZoFIlGmy8dU4T7XBxip24FyP8xjeSLvqPtPPtnNCD_iuOBqjqPXMlA/" />');
cambiarLetra = cambiarLetra.replace(/:\o/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg81P4GaRuCm97qfPVolaEUo7zaoPiKzu8BolZuzu_eeMSJqXJWXldYNJa_9D_wvXKe-IFY2RwdTTMacyLHmsvDFZoFIlGmy8dU4T7XBxip24FyP8xjeSLvqPtPPtnNCD_iuOBqjqPXMlA/" />');

// :*
cambiarLetra = cambiarLetra.replace(/:\*/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8FwGZ3Moq1snbDBbdzboLWt8jTrBVNrEHGnaC-FnWI8aFpqqLVeLs9A4WNe0RxM0Z7m1q19NneFWUG-d_XcaTsyZyEC2NEItzQ_7pBaQ9RpLWfPgtNRu_qnF81-91H9YixMPQnsX7a_A/" />');

// :A
cambiarLetra = cambiarLetra.replace(/:A/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw2fHVpopMu2TP25Lm7CSGajc4tYks8HPykO5UOcFiaNwhN5KEE3p7QV7PfvxkfH-CvcHwznpVMMTrgM0zYqT7FBOK8h8Yhc9tOgGSEzMw0kqhos1huQOllsnnQcG1IG9GAMUkmVIMdhE/" />');
cambiarLetra = cambiarLetra.replace(/:a/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw2fHVpopMu2TP25Lm7CSGajc4tYks8HPykO5UOcFiaNwhN5KEE3p7QV7PfvxkfH-CvcHwznpVMMTrgM0zYqT7FBOK8h8Yhc9tOgGSEzMw0kqhos1huQOllsnnQcG1IG9GAMUkmVIMdhE/" />');

// 3:
cambiarLetra = cambiarLetra.replace(/3:/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY-bb-FeZsKvj56p-1XfP7r9Crv3lM7UC3oUP9Wmn11TGVA1GIBOkMRi49HBTDuv99rLpaNgjON06gWDs_nV_Vc2p7NCnpYZqksh4u_chyphenhyphenDHCz8dNZlLTK3ALVKJrjRNKBX8gd5lwz00E/" />');

bodyText.innerHTML = cambiarLetra;
}
//]]>
</script>
</b:if>

Ahora busca esta parte:
<p>
<data:comment.body/>
</p>

Y cámbiala por este código:
<p expr:id='&quot;combody-&quot; + data:comment.anchorName'><data:comment.body/></p>
<script type='text/javascript'>
emoticon = &quot;combody-&quot; + &quot;<data:comment.anchorName/>&quot;;
emoticonComentario(emoticon);
</script>

Luego busca esta línea:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Muy posiblemente la encontrarás dos veces, justo debajo de la segunda que encuentres agrega esto, que es la imagen que se mostrará arriba del formulario de comentarios:
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_lk5c8fwfpRE3IrcKPmTRqA0KVGuDiNi6js4umkH7EZFbAlVbiApqysVsWVar_UhPm9CbajPZ5zVSWyrHtj-MMzN-iT56kUKRbm3RYWz6C1CGt4oIivnvJQS7COrT1Mb5VNzZg8OvRVs/'/>
Y listo, tendrás estos emoticonos en tu blog. Estas imágenes son tomadas del mismo Facebook y tienen el contorno ligeramente marcado de blanco, por lo que se recomienda usarlo en blogs con colores claros para que no se note ese pequeño borde alrededor de ellas.
O si lo prefieres puedes cambiar los iconos por los tuyos, sólo busca las URLs de las imágenes del primer código que corresponden a cada juego de caracteres, los he señalado en color verde para que sean más fácil de encontrar.

Que los disfruten


326 comentarios en:

" Poner emoticons en Blogger estilo Facebook "

  1. Mi comentario sera simplementa para darte una gran felicitación y agradecimiento! Por todos tus aportes. Para mi punto de vista el mejor blog de ayuda! Felicidades! ;)

    ResponderEliminar
  2. Potro! aquí debes poner unos iconos! +10 así pondría +10!

    jaja Saludos!

    ResponderEliminar
  3. Muy buen truco!! Me a servido mucho para saber la opinión de los lectores de mi blog!!

    ResponderEliminar
  4. Pues yo en mis dos blogs he seguido los pasos para poner los emoticones y no me salen por ningún lado,de todas maneras muchas gracias por la ayuda que nos das,un abrazo.-

    ResponderEliminar
  5. http://latinman.blogspot.com/

    http://meenredeentresuspestanias.blogspot.com/


    Perdona me había olvidado de los enlaces,gracias

    ResponderEliminar
  6. Gracias x el dato , a mi me sirvio
    repito... gracias

    ResponderEliminar
  7. Oscarbroa, muchas gracias por tu amable comentario. Un fuerte abrazo!

    Franco Paravecino, sólo si me dices dónde puedo cambiar mis 10 puntos, jaja.

    SergiFire!, ese es otro muy buen uso ;)

    ResponderEliminar
  8. LATINMAN, prueba poniendo el primer código donde se indica que es antes de </head> y no antes de <head>. Luego en una entrada pon un comentario de prueba para ver el resultado. Saludos.

    Incontrol, gracias a ti por tu visita!

    ResponderEliminar
  9. ¡oye!, ¿y tú cómo consigues ponerlos en las entradas?...:D
    Es broma...;)
    Por encima de todo, gracias. Muchas personas reniegan de ellos en este medio (sobre todo, hay que decirlo, siempre, los novatos, da igual el año de incorporación, conforme se van introduciendo en el medio lo primero que hacen es renegar de ellos, al final terminan usándolos), pero tú lo dices: la emoción. Son los emoticonos, la mayoría de las veces, MUY necesarios.
    A ver si soy capaz de introducirlos, :).
    Muchísimas gracias y un beso enorme.....a veeer...:*
    :)
    (te cuento como anécdota, de las veces que más me he reído en este medio, pero reír hasta llorar, fue cuando vi por primera vez un emoticón que daba como golpes en la mesa partido de la risa..veía al muñeco y es que me moría, de la risa)

    ResponderEliminar
  10. Jajaja, pues nada, ni en las entradas ni en los comentarios... aun.
    Fijate que aunque antes sí me daba mucho por usar emoticonos, de unos años para acá me volví más "sobrio" en la escritura, pero sigo divirtiéndome mucho con quienes los usan, tengo amigos que tienen unos que me matan de la risa, y es que uno ve cada cosa que ¡para qué te cuento!

    Gracias por el beso, ¡otro grande para ti!

    ResponderEliminar
  11. Wow... Potro, ya los coloque en mis dos blogs y quedaron de lujo.

    Tenia otron Smiles pero me gustaron mas los que mencionas en esta entrada... Como siempre te agradesco por estos Trucos XD.

    Saludos!

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

    ResponderEliminar
  13. Funcionando perfectamente Gracias...
    te envie un email con un problemita espero y me respondas saludos

    ResponderEliminar
  14. s3xlov3r, de todas formas en el transcurso de las semanas veremos otros emoticones para que haya de dónde escoger ;)

    RD-JUEGOS, vale, al rato reviso esos correos.

    MaGoS RaDioMuSiC, buen fin de semana :)

    ResponderEliminar
  15. Gracias :D
    Funciona al 100!!

    se acercan los 8000 en face,
    señal de que ahi concurso!!?
    xD aber si participo en uno esta vez
    esk nunca me doi cuenta XD

    ResponderEliminar
  16. Holas Potro, en realidad no tengo muchos comentarios porque tengo un chat... Pero mejor que este, a que falte algo me vida para cuando alguien quiera comentar... :D
    Gracias!!

    ResponderEliminar
  17. Esto es maravillos Potrito!!! siempre con tanta novedad mi sensei!!! mua!!! bendiciones y éxito en todo lo que haces!!!

    ResponderEliminar
  18. DJCosplay, jaja, no creo, pero seguro para los 10.000 hacemos algo :)

    javi_anubis, por supuesto, o para cuando se caiga el servicio del chat ;)

    Kary, muchas gracias, bendiciones para ti también!

    ResponderEliminar
  19. (TT_TT)--p que mal, hahaha ok suerte!!!

    ResponderEliminar
  20. Hola! Potro!, excelente post xD, tengo una duda con estos emoticonos tambien al escribir una entrada y que por ejemplo al final ponga :) saldra el emoticono? o tengo que poner <img scr='.../> ? y tengo otra duda xD en mis comentarios los users anonimos no tienen imagen, como hago para ponerles una, o si se puede poner varias y que salga una aleatoria? Gracias y Éxito! ;)

    ResponderEliminar
  21. Genial
    lo acabo de poner en marcha, se me cruzaron unos problemitas por que tengo una plantilla distinta a las prediseñadas de Blogger pero nada que no pudiera reparar!.... Gracias potro

    ResponderEliminar
  22. Muy interesante Potro! Un dia de estos lo pondre en marcha :)

    ResponderEliminar
  23. TutoGeek, es sólo para los comentarios, en las entradas no se ejecutan así que ahí sí tienes que poner el código de la imagen como mencionas.
    Para poner un avatar en los comentarios anónimos agrega antes de ]]></b:skin> esto:
    #comments-block .avatar-image-container.avatar-stock {
    background:#333 url(URL de la imagen) no-repeat 50% 50%;
    }

    Aleatorios no sé, quizá con un script pero ahora no se me viene nada a la mente.

    ResponderEliminar
  24. Circulo W.H., es bueno saber que pudiste resolver el inconveniente :)

    Media Download, que todo salga bien cuando llegue ese día!

    ResponderEliminar
  25. Sencillamente genial... es justo lo que andaba buscando, le da mas expresión a los comentarios que llegan a mi blog. Una ves más: gracias Potro :)

    ResponderEliminar
  26. visitando el blog. y viendo que novedoso nos enseñas. y que alegría, muy buen consejo sobre los emoticones buenisimo mi potrito hermoso!
    un gran saludito abracito y besotote para tí.

    ;)

    ResponderEliminar
  27. Gracias preciosa, te mando otro besote para ti :)

    ResponderEliminar
  28. Ay hace ya rato que no comentaba en el blog, esta muy bueno este tutorial Gracias Potro!

    ResponderEliminar
  29. Joel, a ti por tu visita!

    Sergio Molina, ya empezábamos a extrañarte ;)

    ResponderEliminar
  30. Ok gracias Potro!, ayer estuve diseñando el formulario de comentarios y mira como quedo, puede entrar a mi web y ver una entrada ZoneGeek

    ResponderEliminar
  31. Hola Potro, gracias por todo, sos un GENIOOOOOOO!!!

    Un abrazo

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

    ResponderEliminar
  33. TutoGeek, muy bueno, aunque parece que el botón de Responder no anda bien, vi que decía ; return false;" >

    María R., otro abrazo para ti!

    Eva, ¿en cuál blog no encuentras esa línea?

    ResponderEliminar
  34. Buen dia , una consulta tengo mi blog y quisiera colocar noticias de otras web en el asi,como podria enlazar lo he intentando pero no logro hacerlo ( que la noticias salgan completas en mi web) gracias por el tiempo

    ResponderEliminar
  35. Hola Potro!, si anda bien el boton, el return false es para q no te sake de la pagina eso creo, y tengo un problema en la fecha si miras en mi web www.zonegeek.com.ar como hago para que el texto de la fecha por ejemplo

    Jul
    19

    este mas junto ya que me da line-height y si le diminuyo se junta mas pero se va mas arriba y no queda bien =/ si poedes, gracias ;)

    ResponderEliminar
  36. Hola potro me gusto lo de los emoticones ¡muy bueno!

    Gracias! bueno saliendo del tema estoy teniendo un problema en mi blog con un menu drop down y un slider... descargue esta plantilla que ya viene con ese menu aqui(http://www.demo.premiumbloggertemplates.com/2011/07/carsmania-blogger-template-demo.html) pero quite el slider que viene con esa plantilla y quise poner este que esta en vidamrr.com (http://www.vidamrr.com/2011/02/crear-un-slider-de-imagenes-sencillo-en.html) pero al colocar ese slider el menu pierde su efecto drop down, que pasa? si me puedes ayudar te lo agradesco!

    ResponderEliminar
  37. Muchas gracias hace tiempo que busco como colocar emoticonos en mi blog
    GRAcIAS a CIUDADBLOGGER
    mi blog lo voy mejorando
    Visitenme http://www.southparklatino.com.mx

    ResponderEliminar
  38. hola esta muy beuna la entrada una duda para colocarlos en las pagina tambien como se hace o solo se puede en las entradas
    saludos

    ResponderEliminar
  39. cmedinaf@univision.com, puedes crear frames pero eso insertaría toda la página completa externa en tu blog. Lo mejor es que redactes en una entrada la noticia citando sus respectivas fuentes.

    TutoGeek, haz como le estás haciendo, disminuye el line-height, si se sube le agregas un padding-top:15px;

    ResponderEliminar
  40. Edison urquijo, ya te he respondido en la otra entrada.

    david, qué bueno que te han gustado!

    piola2.0, el problema es que si se pone en las entradas entonces las URLs de las imágenes se verían afectadas pues muchas veces contienen los caracteres que se usan en los emoticones, y si los cambia entonces la imagen no se mostraría.

    ResponderEliminar
  41. grasias por la respuesta alparecer me explique mal
    no es en la pagina de las entradas sino en las páginas independientes pero solo en los comentarios no aparecen los iconos en los cometarios

    ResponderEliminar
  42. Estimado Maestro Potro

    Tuve la oportunidad de asistir a un evento de Marketing Digital en Chile, el Digital Rockstars 2011. Vino un monton de personas que trabajan en Marketing Digital de todo el mundo, ellos decian que una de las principales recomendaciones para todos los sitios era que sus redes sociales se ubicaran en la parte superior derecha del sitio.

    Si tengo los iconos chiquititos de mis 4 redes sociales, Facebook, Twitter, Youtube y Delicious hosteados en Dropbox.

    ¿Con que codigos los puedo posicionar para que siempre aparezcan ordenados los 4 en la primera fila del sitio alineados a la derecha?

    Muchas Gracias de antemano, siempre tus respuestas han sido muy utiles, Saludos desde Concepción, CHILE

    ResponderEliminar
  43. Estimado Maestro Potro

    Disculpa pero se me quedo otra pregunta.

    Muchos expertos dicen que la tendencia son sitios orientados a Mobile (smartphones), ¿uno puede tener una version de un blog para Mobile y otra para los navegadores normales?

    ResponderEliminar
  44. Justo lo que te pedi, muchas gracias potro! :)

    ResponderEliminar
  45. Hola piola2.0,

    Para que los emoticons también se vean en los comentarios de las páginas independientes encierra el primer código entre:

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    y

    </b:if>

    ResponderEliminar
  46. Hola www.productoradigital.cl,

    Depende de exactamente en qué parte quieras ponerlos y cuál plantilla uses.
    Pero si quieres ponerlos arriba de la sidebar basta con agregar un elemento HTML/Javascript y ahí poner el código de los iconos:

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

    Para que estos se alineen horizontalmente sólo pon los códigos uno detrás del otro sin dar saltos de línea (ENTER).

    En cuanto a los smartphones, todos los usuarios de Blogger tenemos una versión móvil del blog, sólo debes asegurarte que esté activada.

    Saludos.

    ResponderEliminar
  47. HELLOW! oye potro quiero hacer varias cabeceras en el blog para que cada seccion tenga su propia cabecera, pero como le hago para que cada imagen aparesca solo en la entrada especifica? y en tu entrada de ocultar gadgets en distintas partes del blog no viene la forma de hacerlo como quiero, ayuda plisss!

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

    ResponderEliminar
  49. Hola Potro, una vez mas eres mi salvación :alaba: xDDDD, y ahora tengo una duda mas, como hago para que la fecha osea el texto "24 Jul" salga junto con Posteado por TutoGeek en Peliculas el 24 de Julio??

    PD: Mi plantilla es personalizada o como se diga.

    ResponderEliminar
  50. <img src="http://dl.dropbox.com/u/28164309/Resources/Lista%20Emoticones%20Ayuda%20Bloggers/emoticones.php_files/alabama.gif">

    ResponderEliminar
  51. Hola pixeltuxpan.com,

    Deja preparo una entrada sobre ello para esta semana pues es un tema que me preguntan muy a menudo.
    Sí es siguiendo el método de la entrada que mencionas pero necesita una explicación más a detalle, espero me aguantes un poquito ;)

    ResponderEliminar
  52. Hola Solis,

    Para centrar los títulos de tus entradas busca esta línea y agrega lo que está en negrita:
    .post h3 a, .post h3 a:visited, .post h3 strong {
    text-align: center;

    ResponderEliminar
  53. TutoGeek, pues yo lo veo junto a ese texto, ¿o a qué te refieres exactamente? o.O

    ResponderEliminar
  54. PD: eso fue firebug, nose como hacerlo en html xd

    ResponderEliminar
  55. Claro que si Brother, la esperare con ansias! eres grande Potro...

    las esperare, Saludos!

    ResponderEliminar
  56. A mi me gustan más los de estilo Skype. Son mas chulos y hay mas.

    ResponderEliminar
  57. http://www.productoradigital.cl

    Estimado Maestro Potro, nuevamente Gracias por la aclaración acerca de las versiones mobiles.

    Respecto a lo de los iconos de las Redes Sociales la posición que consultaba es la te indico en la siguiente imagen:

    http://dl.dropbox.com/u/8506521/Consulta%20a%20Potro.jpg

    O sea justo en el extremo noreste de cualquier blog, ¿podran quedar sobre parte del cabezal?
    Te consulto porque de acuerdo a los expertos en marketing digital esa es la posicion que deberian tener.

    ResponderEliminar
  58. hola potro gracias por la info, potro tengo un problema con mi web, hay veces que se queda cargando y nunca entra, le doy f5 y aveces si, no se que puede ser eso.

    ResponderEliminar
  59. TutoGeek, ah qué chulo te quedó ese dibujo del Potro, jajaja :D
    Sólo es cuestión de que localices esos códigos y los pongas en el orden que deseas.

    David, por suerte le puedes cambiar las URLs de los iconos por los que más te gusten :)

    ResponderEliminar
  60. www.productoradigital.cl, como te decía, depende de qué plantilla uses, no todas tienen la misma estructura por lo tanto no se lleva el mismo procedimiento.

    televisiononline2011, debes tener alguna imagen o gadget que no está terminando de cargar.

    ResponderEliminar
  61. y como puedo saber eso??? potro la imagen o gadget que no esta cargando

    ResponderEliminar
  62. Están de maravilla, lastima que ya uso Disqus sino los ponía.
    Potro una consulta, por qué motivo puede ser que a veces no funciona mi blog sin WWW, planeta-grandt.com.ar? Como ser justo ahora no anda :S Tengo los DNS de CDmon.

    ResponderEliminar
  63. Pozo+10™ ami si me anda, tmb tengo el truco .com.ar gratis xd

    ResponderEliminar
  64. TutoGeek: que raro a mi no me anda :S anda saber porque motivo, me salta:

    404. That’s an error.
    The requested URL / was not found on this server. That’s all we know.

    ResponderEliminar
  65. Pozo+10™ mm, entre a tu web y si anda perfecto no me tiro ningun error, nose porque cuando entre me salio que si queria guardar un archivo "connect.php" hehe ;)

    ResponderEliminar
  66. Veo que eso que te salto puede ser de el gadget de twitter, que dejó de funcionar hace unos minutos :S
    Estas seguro podes entrar, no? Mira que es sin WWW, planeta-grandt.com.ar es, con WWW anda.

    ResponderEliminar
  67. DIOS MIO, me tira error 404 :( amigo si te puedo ayudar el_porta_valenciana@hotmail.com

    ResponderEliminar
  68. potro nesesito tu ayuda brother aorita no estan jalando los dominios .tk o k bro esq no me abre mi blog desde ase 2 dias www.enlatv.tk ayudame bro porfaa

    ResponderEliminar
  69. televisiononline2011, cuando esté cargando la página verás abajo en la ventana una pequeña barra que dice qué elemento está cargando en ese momento, en el que veas que se queda detenido ese será el o uno de los causantes.

    Pozo+10™, parece que TutoGeek te va a ayudar con eso, sino queda bien me avisas.

    ENLATVHD, debe ser tu blog porque los dominios sí andan:
    ciudadblogger.tk

    ResponderEliminar
  70. Ya lo he puesto en el bog, muchas gracias funciona de maravilla:)

    ResponderEliminar
  71. ya lo mire y aparece www.blogger.com...... que puede ser ? y no carga

    ResponderEliminar
  72. Pozo+10™ , en un rato más reviso esos correos ;)

    Raquel, excelente!

    televisiononline2011, entonces debe ser algún script o gadget del mismo Blogger, de repente se alenta, sobre todo si hay muchos elementos en el blog.

    ResponderEliminar
  73. Descubri lo que puede ser potro, es que el blog cuando carga con televisiononline2011.blogspot.com demora pero cuando carga con www.televisiononline2011.blogspot.com sale rapido, como puedo hacer para que siempre cargue con el www....

    ResponderEliminar
  74. No, eso no tiene que ver con la velocidad (y tampoco se puede modificar). Pero quizá se trate de tu conexión, yo ahora acabo de ingresar a tu blog y no ha tardado ni 4 segundos en cargar.

    ResponderEliminar
  75. Muy interesante pero cuando expando plantilla de artilugios no aparece pero he podido añadir todo lo demás en
    http://leeryescribirensecundaria.blogspot.com/
    Un saludo, Mila

    ResponderEliminar
  76. Hola Mila,

    Con los artilugios expandidos busca esta línea:
    <data:comment.body/>

    Así te será más fácil ubicarlo. Recuerda que puedes usar las teclas CTRL + F para encontrar los códigos.

    Saludos.

    ResponderEliminar
  77. Potro, que tendria que hacer para añadir más emoticonos o cambiar para que por ejemplo en vez de poner :) y me salga la carita feliz ponga algo como :smile: y aparezca? espero tu respuesta por que en verdad utilizo muchos emoticonos ;)

    ResponderEliminar
  78. Hola Kron,

    Prueba con diferentes variantes como se ve en el código. Yo no puedo agregar más pues si lo hago todos querrán tener diferentes caracteres o nuevos emoticones y me resulta imposible hacerlo para cada uno.

    Saludos.

    ResponderEliminar
  79. Potro como le hago para que comenten en mi blog aparesca la misma imagen que tengo como casi asi

    http://i54.tinypic.com/n39oc2.png

    pero que sea para planilal echa por mi gracias potro

    ResponderEliminar
  80. ¿En cuál plantilla deseas hacerlo?

    ResponderEliminar
  81. ey potro, aqui le estoy agregando los emoticones a mi blog http://shinigamiyo-less.blogspot.com/ pero me preguntaba si puedo subir mas gifs al dropbox y crear nuevos, no se si se pueda, avisame

    ResponderEliminar
  82. De poderse sí se puede, pero tendrías que modificar el script del primer código. Analízalo para que veas cómo está conformado y así experimentar para crear nuevos.
    Yo por ahora me veo frenado a poner más pues todos pedirán nuevos iconos y caracteres y me será imposible hacer nuevos emoticones para cada uno de los usuarios :/

    ResponderEliminar
  83. ¡Hola! Cuando puse esta herramienta en mi blog, salía los dibujos pero no funcionaban. Intenté quitarlo invirtiendo los pasos, pero no se va la imagen. Le paso la URL de mi blog:
    http://miblogdeaviacion.blogspot.com

    ResponderEliminar
  84. Pues en una plantilla que ise pero no se que codigo pero que hacer eso

    ResponderEliminar
  85. Fede GR, no veo que tengas puestos los códigos, necesitaría verlos puestos para ver qué pudo haber salido mal.

    ☼ Ryky99™ ♪, lo sé, pero ¿en dónde está esa plantilla? necesito verla en un blog para poder darte las indicaciones correctas.

    ResponderEliminar
  86. Hola Potro, disculpa por haberme desviado del tema en la otra entrada.. ahora si.. te queria preguntar.. como hago para poner emoticones que se puedan poner en las entradas del blog y los gadgets hechos por mi en HTML; porque en los comentarios ya los tengo!

    Espero que me puedas ayudar. Gracias!

    ResponderEliminar
  87. http://www.ryky99.co.cc/ En ese blog esta

    ResponderEliminar
  88. Carlos Sz, en todo el blog no es muy conveniente dado que puede tomar los scripts, URLs y demás como una indicación de un emoticon e interpretarlo donde no debe, por ejemplo, si tuvieses una imagen que sin querer tuviera en su URL un juego de caracteres como :/ lo interpretaría como que debe mostrar un emoticon, así que la imagen no se mostraría, o si fuera un script entonces el script no funcionaría.
    Si quieres hacerlo de todas formas mira esta entrada de TodoBlogger donde explican cómo hacerlo:
    http://www.todoblogger.com/2010/08/agregar-emoticonos-en-todo-el-blog.html

    Saludos.

    ResponderEliminar
  89. ☼ Ryky99™ ♪ ,

    Entra en Configuración > Comentarios, y donde dice 'Mostrar imágenes de perfil en los comentarios' ponle que Sí.
    Luego con los artilugios expandidos busca esta línea:
    <data:comment.authorAvatarImage/>


    Y reemplázala por esta:
    <div class='avatar-image-container'>
    <img src='URL de la imagen' style='height:100%; width:100%;'/>
    </div>
    <b:else/>

    <data:comment.authorAvatarImage/>

    ResponderEliminar
  90. Hola potro,
    Muy bueno el truco pero no eh podido ponerlo en mi blog, puse todos los codigos y no se porque no lo acepta, :/ lo unico que sale es la imagen que esta arriba del formulario del comentario, el sitio se encuentra en transicion no se si eso sea una causa
    Este es mi blog:
    http://www.danpenguicp.blogspot.com/
    Gracias

    ResponderEliminar
  91. Gracias potro, se que se pueden confundir con los scripts pero es que lo necesito.. igual no quiero que sean caritas sino algo mas creativo! :D

    ResponderEliminar
  92. Hola de nuevo potro,
    nada mas te queria decir que ese link del blog no, mejor en el de pruebas :) porque el que te di esta en transicion a dominio .com
    http://pruebasdecpxd.blogspot.com/
    Gracias

    ResponderEliminar
  93. josue, podría ser que el código que había que sustituir no estaba igual, o aparece dos veces. Verifica que el código existía originalmente como se muestra en la entrada. Después pon el código original del script, hasta que veas si funciona agrega emoticones nuevos.

    Carlos Sz, que todo salga bien ;)

    ResponderEliminar
  94. ey, el potro, como modifico el script para crear nuevos emoticones?

    ResponderEliminar
  95. Necesitas agregar más variantes, por ejemplo así:

    // :sonrisa:
    cambiarLetra = cambiarLetra.replace(/:sonrisa:/g,'<img src="URL de la imagen" />');

    ResponderEliminar
  96. ah,xD, eso mismo estaba haciendo...subi los gifs a Dropbox pero nada...intentare subiendo a picasa los gifs, pero, perdona tantas preguntas...puedo añadir más de los que tienes en ese script?

    ResponderEliminar
  97. http://dl.dropbox.com/u/16603935/bg_content/uploads/2011/07/asi.PNG jaja, maestro!

    ResponderEliminar
  98. Sólo como te decía, lo que está en negrita es la palabra clave del emoticon.
    Lamentablemente yo no puedo agregar ya más pues todos me pedirían emoticones personalizados y jamás terminaría ;/

    Lindo el dibujo ¿no? :D

    ResponderEliminar
  99. gracias potrillo jaja broma gracias mi potro me sirvio de maravilla mira aqui :) gracias ;)

    ResponderEliminar
  100. aqui voy yo de nuevo molestando...tengo esta linea sólo una vez:a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src


    , no importa si la pongo abajo de esa linea?
    Ahí está la línea, mira:
    https://lh3.googleusercontent.com/-oltjniJU9uQ/Tjqr4mvaU0I/AAAAAAAAGQE/Trg2bfMWLu8/s912/xD.jpg

    Posdata:TutoGeek, me dieron ganas de hacer un dibujito ahí tambn, jaja, :P

    ResponderEliminar
  101. Jaja, esos edificios se están quemando :D
    Si sólo te aparece esa línea entonces ahí ponlo. En los casos donde sale dos veces debe ser en la segunda porque la primera corresponde al formulario de comentarios en la versión móvil, pero si tu blog no la tiene entonces no debe haber problema.

    ResponderEliminar
  102. quisiera saber por que no se ven los emoticones en el blog! prueba a realizar un comentario pa k veas que no salen los emoticones

    http://mediametalfire.blogspot.com/

    ResponderEliminar
  103. Pues entré aun post con un comentario que hiciste de prueba y sí se ve, es un muñequito con un cartel de LOL.

    ResponderEliminar
  104. Gracias Potro, aqui si que encuentro mucho material educativo. Saludos y suerte!

    ResponderEliminar
  105. Gracias por tu comentario y visita Gerardo™, ¡saludos!

    ResponderEliminar
  106. ahora que los emoticones no son los mismos, seguro que tengo que modificar esta imagen, no?

    https://lh5.googleusercontent.com/-UQcOiZ_Q2oc/TikBe74M1jI/AAAAAAAABjY/t-zm-AQjY1w/emoticons.png

    por eso del muñekito LOL y la gallina y los otros..jaja, la gallina es el XD, mirala, jaja

    http://mediametalfire.blogspot.com/2011/08/para-ciudad-blogger.html?showComment=1312554316042#c5382977338692733166

    ResponderEliminar
  107. En efecto, debes cambiar esa imagen por una que tú hagas con los emoticones que cambiaste.
    Esa gallina está genial!

    ResponderEliminar
  108. Hola Potro de nuevo por aqui.
    Funcionando el truco, esta genial!!!!!

    Una cosa, por si me puedes ayudar. Me he puesto a probar los emoticones y me he dado cuenta que no se ven los comentarios de los anonimos, tan solo se ven los mios.

    ¿Podrias pasarte por el blog, y echarme una mano?

    Gracias de antemano.

    http://tiendajedrez.blogspot.com/

    ResponderEliminar
  109. Hola AdminChess,

    Tal vez sea por alguna otra modificación que hiciste en el área de comentarios, tendrías que recordar qué hiciste para deshacer el cambio.

    ResponderEliminar
  110. pufff!!!!
    tantos cambios he hecho que ya ni me acuerdo, madre mia. He revisado la parte de comentarios y no veo nada, no se que hacer, la he liado.

    Menuda historia, con todos los cambios que he hecho me voy a tirar otra semana entera para empezar de nuevo.

    Bueno muchas gracias de todas formas Potro, me encanta tu blog.

    Saludos

    ResponderEliminar
  111. Hola, muy buenas tardes.

    Recibe un cordial saludo.

    Te agradezco infinitamente por todos los novedosos trucos que he encontrado aqui, ¡Me han sido de mucha ayuda! Ingresé los emoticones a mi blog, empero, en algunas oportunidades no salen las imagenes correspondientes, ¿es ello normal?

    Abusando de tu generosidad -ya que lo he intentado todo y es mejor consultar con quien en realidad conoce del tema- puesto que sé que mis inquietudes no son menester en este post, te pido que por favor me ayudes con dos inquietudes: la primera de ellas es el texto de los comentarios del blog, ya que se encuentran desalineados, tu comentas y sale algo como:

    bbbbbb
    bbbbbbbbbbbbbbbbbbbbbb

    y quisiera solucionar ello para que todo quede en una alineación normal. La segunda inquietud, es que cuando pinchas en en link "reponder" a un comentario, no respondes a ningún comentario, sino que te sale tu respuesta como un comentario normal, en este caso, por favor quisiera saber si mis deseos pueden materializarse y las respuestas a un comentario pueden publicarse a continuación del mismo.

    Estoy reaalizando las pruebas en los comentarios en el siguiente enlace: http://www.amanecerbajolalluvia.com/2011/06/aprender-sufrir_18.html?showComment=1314049072945#c4893008075603614638

    Aún no habilito los comentarios para las otras entradas.

    Muchas gracias por tu atención. Aprecio mucho tu colaboración.

    Éxitos y bienaventuranzas.

    Lluvia

    ResponderEliminar
  112. AdminChess, instala la plantilla original en un blog de pruebas, luego busca la parte de los comentarios y comparala con tu blog, así podrás diferenciar las áreas y ver qué falta, qué sobra, o algo raro. Por supuesto conviene hacer un respaldo de tu plantilla actual por si eliminaras algo que no debías.

    Saludos.

    ResponderEliminar
  113. Hola Lluvia,

    A veces, cuando el blog tarda un poco en cargar puede suceder que no carguen las imágenes o el script mismo, son por cuestiones de carga mas que nada.
    Para que los comentarios no aparezcan de esa forma será necesario que ocultes la fecha de los comentarios, o bien, que se muestre abajo.
    Si quieres que se arregle pero que se muestre abajo la fecha entonces busca esta parte y elimina lo que está en negrita:

    #comment-name-url{width:465px;float:left}

    Si quieres que no se muestre la fecha entonces además de lo anterior, también deberás agregar esto en negrita:

    #comment-date{display:none; width:465px;float:left;margin-top:5px;font-size:10px;}

    Lo del botón de Responder no sabría decirte pues nunca lo he usado así que desconozco por completo el script.

    Saludos y éxitos para ti también.

    ResponderEliminar
  114. Como siempre con tus grandes aportazos!!
    Se agredece muchos :)

    ResponderEliminar
  115. lo hice mal y no puedo buaaaaaaaaa :(

    ResponderEliminar
  116. Prueba de nuevo y con calma, verificando que los códigos estén justo en el lugar indicado.

    ResponderEliminar
  117. mucha gracias con tu pagina eh podido mejorar mi blog

    ResponderEliminar
  118. hola potro otra vez gracias! eres el mejor y gracias a tí mi blog parece una pagina web de verdad! me gustaria que la visites y me digas que le falta o que le tengo que quitar pero opina, opina, opina! please!

    ResponderEliminar
  119. por sierto soy tu fan numero one! que te llenes de mucho exitos y bendiciones!

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

    ResponderEliminar
  121. Muchas gracias jim 011, si fuera aficionado a Club Penguin sin duda ya estaría todo el día en tu blog :D
    Éxitos y bendiciones también para ti!

    ResponderEliminar
  122. Tio aca agradeciendo por el aporte, quisiera saber si pudieras poner emoticones para blogs de fondo negro...

    ResponderEliminar
  123. Te lo debo solisFOX, pero en la red seguro encontrarás algunos, sólo cambia las imágenes de aquí por las tuyas.
    Saludos.

    ResponderEliminar
  124. No funcionan los emoticonos en mi blog. Me han puesto un comentario con una carita y sí va bien, pero yo puse otro respondiendo a ese con un emoticono diferente y salieron sólo los símbolos (: y D). ¿Qué ocurre?

    ResponderEliminar
  125. Pues si funciona con uno debería funcionar con el otro, a no ser que haya otro script que interfiere con la combinación de esas letras, ¿ya probaste con todos los emoticones?

    ResponderEliminar
  126. Jamás me resultan las ediciones de HTML a la primera, al contrario, me sacan hartos enojos, pero esta vez ha resultado y estoy feliz por eso.

    Incluso, había probado poner otros emoticons pero me arruinaban otras opciones que tengo puestas, como el "Leer Más" o responder a los comentarios que me dejan, esta opción que entregan aquí me ha venido muy bien ya que no me generó ningún problema con aquellas opciones, gracias!

    ResponderEliminar
  127. Excelente Daniela Ivonne, así pasa algunas veces, a veces todo sale a la primera, otras tantas hay que intentarlo hasta descubrir qué está saliendo mal.
    Saludos!

    ResponderEliminar
  128. Buenas potro pues expando los artilujios pongo el primer codigo antes de /head pero a la hora de buscar el otro codigo no me sale :S

    ResponderEliminar
  129. ¿En cuál blog no te aparece esa parte?

    ResponderEliminar
  130. Sí, los puse todos seguidos en vertical y no funcionaban.

    ResponderEliminar
  131. Prueba ponerlos de nuevo, o en un blog de pruebas con la misma plantilla para saber si se trata de un problema con la plantilla.

    ResponderEliminar
  132. Amigo potro, quisiera implementar este codigo en mi pagina, podrias ayudarme?

    pd: mi pagina no es un blog.

    Gracias :)

    ResponderEliminar
  133. Lo siento Daniel, pero todos los trucos los pruebo únicamente en Blogger que es la plataforma que conozco :/

    ResponderEliminar
  134. HOLA YO TENGO MI BLOG GRACIAS A TI ;) TE LO AGRADEZCO DE CORAZON PORFAVOR EL DIA QUE BORRES LOS QUE TENGAS EN LA WEB AVISAME PARA CAMBIAR LSIMAGENES O LOSS CRIPS QUE TENGO DE TI... NO ENTIENDO AUN TODO EL TERMINO PERO BUENO LO QUE SEA QUE TENGAS ALOJADO OJALA NUNCA LO QUITES ;( Y SI ES ASI NOS AVISES CON TIEMPO... GRACIAS UN BESO ENORME Y FELIZ NAVIDAD QUE YA VIENE...

    ResponderEliminar
  135. No te preocupes *✿。мiαnαly。✿* , no tengo contemplado eliminar nunca nada, al menos no a propósito. Mientras los sitios donde alojo las cosas nos permitan ofrecernos el servicio ahí estarán ;)

    Gracias por el beso y la feliz Navidad anticipada!

    ResponderEliminar
  136. Genial, me funcionó a la perfección, muchas gracias y aguante este blog. ✔

    ResponderEliminar
  137. Gracias a ti por tu visita y tu comentario Adrian, saludos!

    ResponderEliminar
  138. ¡Muchísimas gracias! Lo volví a poner en un blog de pruebas y funcionó, ¡gracias!

    ResponderEliminar
  139. Hola de nuevo, tengo un problema. Puse el código en mi web y funcionaba perfectamente en unas pruebas que hice, sin embargo ahora ya no me aparecen ¿qué ha pasado?

    ResponderEliminar
  140. No lo sé, puede ser que hicieras una modificación que afectara el script o el área de los comentarios :/

    ResponderEliminar
  141. Ami no me aparecio la linea que mencionaste en el 5 paso!:c

    Donde pongo ese codigo entonces?

    ResponderEliminar
  142. Parece que ya lo has encontrado porque veo la imagen arriba del formulario de comentarios de tu blog ;)

    ResponderEliminar
  143. Hola Potro!!
    Pues hace unas semanas puse estos emoticonos en mi blog, pero no los prové si funcionaban. Hoy he visto un comentario que puso :) y no salió el emoticono, así que lo intenté yo y no funciona.

    Mi blog es: www.mariavalverdefansclub.com
    Pero te dejo el apartado donde hay comentarios: http://www.mariavalverdefansclub.com/p/casa-y-escuela-de-babi.html

    Gracias por las ayudas ;)

    ResponderEliminar
  144. Hola LorkDesigns, no veo que tengas el primer script, quizá omitiste ponerlo, o lo eliminaste si darte cuenta. Ponlo de nuevo y mira si ya aparecen.

    ResponderEliminar
  145. Hola Potro, sigo tu tutorial y me ha ayudado mucho, pero en este tema, el primer cambio he podido hacerlo, sin embargo, los demás, no he encontrado las lineas a modificar, ¿por que puede ser?

    este es nuestro blog
    http://complicidadpersuasiva.blogspot.com/

    ResponderEliminar
  146. hola potro.no consigo encontrar lo de data coment
    ¿podrias ayudarme?gracias,mi blog es http://milideasinmyhead.blogspot.com .un saludo

    ResponderEliminar
  147. COMPLICIDAD PERSUASIVA, ¿has marcado la casilla "Expandir plantillas de artilugios" para poder localizar los códigos?

    ResponderEliminar
  148. Melocotón, todos los blogs lo tienen, sólo hay que "Expandir plantillas de artilugios".

    ResponderEliminar
  149. Gracias,

    hay algún truco para encontrar las líneas a cambiar, a veces me vuelvo loca.

    ResponderEliminar
  150. Por supuesto, usa las teclas CTRL + F, al presionarlas aparecerá una pequeña barra de búsqueda, ahí te será más fácil localizar el código que estás buscando ;)

    ResponderEliminar
  151. He logrado poner las imágenes de los emoticones, pero no consigo añadirlos a los comentarios :(

    ResponderEliminar
  152. Potro me ha servido y queda muy chulo :P. Mi blog:http://tutoriales-blog.blogspot.com

    Saludos

    ResponderEliminar
  153. m.p.moreno, sólo debes colocar todos los códigos donde se indican y deberá funcionar, a menos que haya algún otro script que interfiera con este.

    Jose Antonio Marin Arcas, qué bueno que te ha gustado!

    ResponderEliminar
  154. Hola amigo e intentado ya varias formas de crear nuevos emoticonos como ya lo mencionaste en el comentario #104 y me funciona mientras sea palabra pero cuando intento poner

    el de <3 que es para un corazon y otros como *-* ¬¬ O_O :3 u.u sustituyendo valores y no me queda y veo que para cada uno es distinto -ojala puedas ayudarme, sobre todo el del corazon GRACIAS!!!!

    ResponderEliminar
  155. Es algo complicado sobre todo cuando se usan caracteres no tan populares como el ¬
    Lamentablemente no puedo modificar los emoticones pues todos pedirían emoticones personalizados y no acabaría nunca de hacerlo para todos.
    La mejor opción es usar palabras o una combinación de caracteres que no sea tan compleja.

    Saludos!

    ResponderEliminar
  156. ¡Hola! Primero que nada, te agradesco por todo lo que haces, me has facilitado bastante mi vida como blogger. ^^

    Bueno, queria que me ayudáras un poco con mi plantilla.
    El problema es que al buscar la sección que pides, la de....

    data:comment.body

    En el mío no sale ese código exactamente, si no que muchas cosas más.

    Claramente mi plantilla tiene unos arreglos en esta sección, pero no estoy seguro de que es lo que tengo que cambiar de todo este código por el otro que das.

    He intentado de varias formas, pero no he logrado hacer que se vean los emoticons.

    ¡No se de que forma te puedo enviar exactamente ese código de mi plantilla para que me ayudes un poco a ver que debo cambiar!
    ¡
    Espero puedas ayudarme!

    Saludos y gracias de antemano.

    ResponderEliminar
  157. Hola Thesystemdark,

    Gracias por tu amable comentario.
    ¿Esa parte de tu plantilla, tú la habías modificado o así estaba?
    ¿Cuál es el blog y el nombre de la plantilla que usas?

    Saludos.

    ResponderEliminar
  158. No no, ya venía así...
    Si buscas "West Ward Blogger Template" en google encontrarás mi plantilla...

    ResponderEliminar
  159. Es igual, sólo cambia esta línea:
    <p class='comment-body' style='padding-right:10px;'><data:comment.body/></p>

    Por el código que se menciona que hay que cambiar.

    ResponderEliminar
  160. Gracias por responder...

    En verdad, ya había hecho lo que me dijiste, y no me funcionó.
    Lo que hice ahóra es probar lo mismo pero en un blog de pruebas, con la misma plantilla, y pude poner los emoticons sin ningún problema.

    Debe haber algún problema en las modificaciónes que le he echo a lo largo del tiempo a mi otro blog, que no deja que se vean los emoticons.

    Seguiré intentado para poder encontrar el problema...

    ResponderEliminar
  161. Yo de nuevo... ^^

    Ya arreglé mi problema.
    Había puesto en una ocasión anterior el código < /style> antes de < /head>, y al parecer generaba algún tipo de conflicto con el script que se tenía que poner también antes de este código.

    Lo que hice fue solamente mover el código < /style> antes del script y así solucione mi problema.

    Realmente no recuerdo para que había usado < /style>, pero mi blog no sufrió cambios con esta modificación (creo, :S), aún así tendré que revisar más tarde para que había usado este código...

    Muchas gracias por todo :D

    ResponderEliminar
  162. Qué bueno que lo has resuelto Thesystemdark, saludos :)

    ResponderEliminar
  163. puedo poner otros emoticonos en lugar de los de facebook, añadiendo mas imagenes y mas caracteres??

    ResponderEliminar
  164. Pues si te quieres aventurar a hacerlo mira el comentario #104

    ResponderEliminar
  165. muchas gracias me ha funcionado a la perfeccion
    gracias por la ayuda y por tu blog que me ha sacado de muchos problemas.

    ResponderEliminar
  166. HOLA POTRO FELISIDADES MUY BUENO Y SERBISIAL ESTE ESPASIO!

    NESESITO DE TU ALLEDA..! EN MI BLOG TENGO DISQUS Y NO ME SIRBIERON LAS CARITAS... QUE PUEDO ASER ?

    ResponderEliminar
  167. Este método es sólo para los comentarios de Blogger :/

    ResponderEliminar
  168. Ya no funciona tras la modificación en el sistema de comentarios.

    ResponderEliminar
    Respuestas
    1. En efecto, sólo funciona para quienes conserven el otro sistema de comentarios.

      Eliminar
  169. Jo :( yo lo tenía para que saliesen los emoticonos de Tuenti y ahora con la modificación de los comentarios sólo salen en las entradas nuevas. ¿Hay alguna manera de ponerlos otra vez?

    ResponderEliminar
    Respuestas
    1. No lo sé, todos estos cambios son muy recientes así que hay que ir viéndolo poco a poco para ver si es posible o no integrarlos en los comentarios anidados.

      Eliminar
    2. Hola por primera vez entro en esta página de ayuda y me parece muy interesante, me la recomienda el blogs de vientoybambú,mi pregunta es,puedo poner los emoticones en mi blogs y en los comentarios, gracias espero respuesta

      Eliminar
    3. Hola TESVA,

      Bienvenida a Ciudad Blogger!
      En las entradas no, el problema es que si se pone en las entradas entonces las URLs de las imágenes se verían afectadas pues muchas veces contienen los caracteres que se usan en los emoticones, y si los cambia entonces la imagen no se mostraría :(

      Saludos!

      Eliminar
    4. Potro y Tesva, buenos días y perdón por meterme a contestar.

      A Tesva, le gustaron los emoticones que tengo yo puestos en el blog pero, cambié los caracteres y también cambié algunos emoticones y eso , igual es complicado de hacer para ella.
      Los míos , si que los tengo para poner tanto en entradas como en comentarios, sólo es cuestión de tener cuidado y no poner dichos caracteres en las entradas , por eso cambién algunos caracteres en los códigos del truco original para que no fuera fácil escribirlos en las entradas, al ser blogs de cocina, normalmente no escribes esos caracteres en las entradas.

      Dicho ésto, sólo quería comentar a Tesva, que quizás debería haberte dicho que su plantilla (del blog Comidas y Postres), es una de las nuevas de Blogger ,y no sabe si , en ella, se puede poner éste truco.

      Un abrazo para los dos y perdón por la intromisión

      Eliminar
    5. Gracias por el comentario ♥ Ana. Si es de las nuevecitas-nuevecitas en los comentarios no podrá, al menos no con este tutorial. Ya ayer Vagabundia publicó uno actualizado para los comentarios anidados:
      http://vagabundia.blogspot.com/2012/01/emoticones-en-en-nuevo-sistema-de.html

      En las entradas tienes razón, supongo que cambiando los códigos de los emoticones se puede procurar que no coincidan los códigos de las imágenes con el de los emoticones :)

      Un abrazo también para ti.

      Eliminar
    6. Hola Potro, gracias a ti por tus respuestas, por si Tesva no se pasa, te las doy de parte de las dos, ya le comentaré lo del blog de Vagabundia a ver si puede ponerlos de esa forma
      Otro abrazo ¡¡será por abrazos!!, jajajaja

      Eliminar
  170. Hola potro!
    muy bueno!!!!
    lo voy a probar...
    tengo una duda, hace mucho, sabes como ponerle musica al blog, cuando alguien entra?
    es que ya se que esta bueno que el lector elija la musica pero en mi caso es musica ambiental.
    quiero ponerle pero la verdad no puedo!!
    vos que sos un genio me ayudarias??

    ResponderEliminar
    Respuestas
    1. Hola Diversis Animi, puedes usar un reproductor cualquiera que te permita ponerle autoplay, y si no quieres que se vea el reproductor cambia su ancho (width) y alto (height) poniendo esos valores en 0 (cero).
      En la sección Música encontrarás algunos reproductores.
      Saludos.

      Eliminar
  171. ¡Hola, El Potro! Tengo un pequeño problema con esto... No me salen en la "caja" de publicar comentario pero sí en los comentarios de mis visitantes ¿por qué será? Además, tenía repetido este código y cambié ambos ></
    Y... ¿podría usar de alguna manera los emoticones de aquí? http://www.mundoemoti.com/Smileys-Cat6-Onion-Cebollitas.html

    ResponderEliminar
  172. PD: si vendieras camisetas, sería de las primeras en usarla XD

    ResponderEliminar
  173. Respuestas
    1. Y te quedaría muy bien la camiseta :)
      Lo de la caja no me ha quedado claro, ahora mismo no lo veo en el blog, aunque sí veo que aparecen los emoticones en los comentarios.
      Lo de los emoticones sí, sólo cambia la URL de la imagen que aparece en el código, por la del emoticon que deseas.

      Saludos :)

      Eliminar
    2. XD Grapcias por el piropo ^^
      Bueno, escribiste justo mi duda, aparecen los emoticones en los comentarios, pero en la parte donde uno debe escribir el comentario para publicarlo, no se ven. Supongo que deben verse para que los visitantes sepan cómo poner los emoticones, ¿no? de ahí mi duda O.o

      Eliminar
  174. No me funciona me podrias ayudar??? mi blog es: http://cosasdelavidaconkris.blogspot.com/ espero tu ayuda :D

    ResponderEliminar

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