JMiur [E]

Aprovechando que se cumplen 25 años de existencia de los emoticones y que la mayoría de nosotros los usamos diariamente para expresar o enfatizar algo cuando escribimos, se me ocurre que una buena manera de celebrarlo es mostrando un pequeño truco para poder utilizarlos en Blogger.

Existen varios métodos desarrollados, incluso, un par de ellos fueron publicados en este blog hace ya varios meses [1] [2], sin embargo, tanto los comentarios como los mails que he recibido a lo largo de este tiempo, hablaban de problemas serios o, directamente, de no lograr que funcionaran.

En algunos casos se trataba de un truco para las viejas plantillas de Blogger, en otros, se producían interferencias con otros scripts o trucos más o menos difundidos.

Tratando de entender un poco este tema, me decidí por volver sobre la idea del truco original, el que se utilizaba en el viejo Blogger que es el que me parece más sencillo y más fácil de entender. Todo se basa en utilizar una facilidad de JavaScript, poder reemplazar un texto una vez que se ha cargado en la página (una vez que es visible). No importa no saber el lenguaje, basta imaginar que hay una instrucción que lee lo que está escrito y, cuando encuentra ciertos caracteres, los reemplaza por otros o, en este caso, por una imagen.

Ver/Ocultar detalles técnicos: [+]
La instrucción JavaScript se llama replace y esta es su sintaxis:
elemento.replace(textoViejo,textoNuevo)
más específicamente:
elTexto.replace(/XXXX/g,'<img src="URL_imagen" />');
donde usamos "expresiones regulares" para evaluar y comparar.

Una expresión regular tiene esta sintaxis:
/XXXX/
a la que le agregamos un flag para indicar que no tenga en cuenta minúsculas/mayúsculas:
/XXXX/g
ese pattern, puede estar formado por simples caracteres como /abcd/ o por combinaciones de caracteres especiales, por ejemplo, /ab*c/ donde el asterisco indica que entre b y c hay cualquier cosa.

Ya que los textos que vamos a reemplazar están formados por algunos caracteres que tienen un significado especial como ( ) / | \ [ $ ] etc, debemos anteponerles el carácter slash (\) para indicar que el siguiente carácter debe ser tratado literalmente y que no es un símbolo especial. Por ejemplo:

/:D/gbusca:Dtodo es literal
/:\$/gbusca:$el carácter $ lo indicamos como \$
/;\)/gbusca;)el carácter ) lo indicamos como \)

Para simplificar aún más el proceso, lo he limitado para que sólo funcione en los comentarios que, en Blogger, sólo se muestran cuando abrimos una página individual. De esta manera, el script funciona con bastante velocidad y sólo es ejecutado en las páginas menos pesadas.

Para implementar el truco es necesario alojar el script en un servidor externo; este y las imágenes utilizadas se encuentran comprimidas en un archivo ZIP que puede descargarse desde acá

En la plantilla de Blogger, vamos a agregar sólo dos cosas. En el encabezado, por ejemplo, antes de la etiqueta </head> vamos a incluir un pequeña definición de estilo que va a alinear la imagen respecto del texto y que cada uno deberá adaptar en función del tipo de fuente que utilice:

<style type='text/css'>
.comment-body p img {vertical-align: top; padding-right: .3em;}
</style>

Luego, habiendo marcado la opción expandir elementos, vamos a buscar el lugar donde insertar el script. Podemos ubicarlo en cualquier lugar DESPUES de los comentarios. Dos posibilidades sencillas son, buscar el inicio de la sidebar y colocar el script justo antes de esta:
</b:includable>
</b:widget>
</b:section>
</div>

<!-- aquí pondremos el script -->

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
En este caso, se cargará antes de iniciarse la carga de la sidebar.

O podemos ponerlo justo antes de terminar la plantilla:
<!-- aquí pondremos el script -->

</body>
</html>
En cualquiera de los dos casos, debemos agregar los siguiente:

<b:if cond='data:blog.pageType == "item"'>
<script src='direccion_URL/VEmoticones.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>

Todo el código está incluido dentro de un bloque b:if que verifica si estamos en una página individual y sólo entonces se carga el script y se ejecuta la función de reemplazo.

El script está funcionando en el blog desde hace ya casi dos semanas sin que parezca haber causado ningún inconveniente. De cualquier manera, me anticipo a una posible pregunta. Tal y como está, sólo funcionará si la plantilla que usamos es una plantilla que utiliza para los elementos internos, los nombres genéricos de Blogger. Es decir, los comentarios se encuentran en un bloque cuyo id tiene el valor comments:

<b:includable id="comments">

Si bien esto es lo común, es posible que en alguna plantilla tenga otro nombre, en ese caso, bastará cambiar la línea correspondiente del script:

bodyText = document.getElementById('comments');

Si bien el script puede usarse así como está ya que todas las imágenes utilizadas están alojadas en ImageShack y asociadas a determinados emoticones, basta editar el archivo para cambiarlas por otras, agregarle variantes o eliminar alguna.

Veamos un ejemplo:

// :$ :-$
cualTexto = cualTexto.replace(/:\$/g,'<img src="http://img179.imageshack.us/img179/8856/com-oops.gif" />');
cualTexto = cualTexto.replace(/:-\$/g,'<img src="http://img179.imageshack.us/img179/8856/com-oops.gif" />');

:$ y :-$ son reemplazados por la imagen :
http://img179.imageshack.us/img179/8856/com-oops.gif

Si eliminamos la línea o le anteponemos dos barras inclinadas (//) esa combinación no tendrá efecto. Si queremos usar otra imagen, la alojamos en algún lado y luego modificamos la dirección URL.

Esta es la lista completa de los emoticones incluidos:

:):-):]:-]
:'-(:((:'(
:(:-(:[:-[
:P:-P
:D:-DxD
:$:-$
;);-);];-]
:-I:-|
:-X
:o:-o
:O:-O
|O|-O
:/:-/:S

193 comentarios:

Ignasi  

Hola!

Siempre va bien saber como funciona todo, yo utilizo otro sistema: Greasemonkey

Con un par de scripts para poner emoticonos en el post y en los comentarios como este :D

Responder
SolraC  

Hace ya un tiempo tenía instalado un script para el emoticones, pero como bien comentabas al inicio del artículo a veces fallaba :(

Quizás retome el tema y lo instale de nuevo con tus siempre buenas explicaciones ;)

Responder
JMiur  

Ignasi:
Supongo que el de Grasemonkey es este y yo también lo uso pero, sólo coloca imágenes cuando los escribes pero no cuando se publican. Si hay uno que haga eso, déjame el nombre porque no lo conozco y me gustaría verlo.

De cualquier manera, los scripts de GreaseMonkey sólo los "ve" quien tiene el script y no cualquier visitante, la idea era que formaran parte del blog y, por lo tanto, cualquier pudiera verlos, independientemente del navegador que utilizara.

Solarc:
Me pasó lo mismo, probé varios trucos y siempre con errores. Son muchos los mails que he recibido preguntando por qué no funcionaban y jamás logré entenderlo así que me decidí a hacerlo yo mismo.

Tal como digo en el post, están en funcionamiento desde hace 15 días y, pese a haber muchos otros scripts ejecutándose, no han aparecido errores.

Responder
CaTa  

Genial. Yo no era muy amiga de usar emoticones, pero de verdad que facilitan la comunicación y tu blog se ve de lo mas "cachilupi"
(bonitooo)

Responder
luis  

:)muy buen truco

Responder
damian  

hola jamiur quisiera que este truco funcionara pero no lo entiendo muy bien
puse los codigos donde dijiste pero como los "Activo" cuando veo en mis comentarios no veo ningun emoticon o tengo que poner los codigos de los emoticones directamente en los comentarios

Responder
JMiur  

Cata:
yo era reacio a estas cosas y ahora, no puedo :) prescindir ;) de ellos :D

Luis:
gracias por el comentario

Damian:
dime la dirección de tu blog o envíame un mail, probablemente sea un error sencillo de solucionar pero necesito verlo.

Responder
Anónimo  

;) Me parece genial la idea

Responder
Agt PirronE! (zonaloca)  

Hola amigo!
Me intereso tu Script para los comentarios, solamente que quiero hacerle una pequeña modificacion (pero no se nada de Java, ni menos).

Quisiera que el reemplazo por emoticons fuera en todo el site, y no solo en los comentarios. ¿Como podria hacer?

Gracias.

Responder
JMiur  

Si por TODO el site te refieres a los artículos, para eso es posible utilizar otras opciones. En cambio si hablas del blog completo diría que no es recomendable en absoluto porque podrían cambiarse cosas que no quieres, códigos, scripts, enlaces o cualquier otra cosa que tenga una combinación de caracteres semejante. Controlar que eso no ocurra es prácticamente imposible.

Responder
Agt PirronE! (zonaloca)  

Y cuales serian las otras opciones? :)

¿Cambiar por:
bodyText = document.getElementById('post','comments'); ?

Responder
JMiur  

Lo más sencillo es utilizar extensiones de Firefox: ESTA o ESTA

Sino, en:
bodyText = document.getElementById('nombre');

debería colocarse el ID que corresponde al área de los posts del blog.

Esto no es sencillo ya que normalmente, el ID es variable, dice post-xxxxxxxx donde xxxxxxx s un número identificatorio de cada post.

Habría que ver la plantilla y buscar, si es posible poner un ID (un nombre único a un bloque).

Responder
Agt PirronE! (zonaloca)  

Voy a mirar las extensiones, pero tambien me gustaria ahorrarme el trabajo de modificar los demas posts.

Estoy utilizando la plantilla "TicTac (Blueberry)"

Podras encontrar una copia en XML de ella aqui

Intente cargar utilizando bodyText = document.getElementById('main');

pero no hubo mucho resultado. Tal vez tenga yo un error al cargar el JS.. aunque coloco el link en el Head como creo que corresponde :$

A ver en que estoy fallando :D

Gracias por tu tiempo.

AGT

Responder
JMiur  

Por lo que veo, MAIN es correcto pero, el script no debe ir en el head de la página sino al final de ella o, por lo menos cuando finaliza la carga de ese elemento MAIN porque lo que que hace es modificar lo que está escrito, es decir, busca lo escrito y luego lo modifica.

Responder
SpamLoco  

JMiur, pregunta, en qué servidor tienes alojado el script?, este es el que usas actualmente?

:D

Responder
JMiur  

Sí, es la que uso en este momento. Te la envio por mail.

Responder
Protegon  

Me gustaría saber como se hace para poner emoticons en los post, a mi me funciona perfectamente en los comentarios, pero en los post no me funcionan.

Ya lei todo lo que dijeron, pero me gustaria saber si hay algun modo de usarlo, y con este script, porque el otro script no me sirvio, el otro que hasta tiene un blog para promocionarse.

Este script funciona perfectamente, me gustaria que por favor me ayudaras, he estado en el blog de Gemit@ y a ella le pregunto, te cuento que ahora estoy entrando más a vagabundia.

Tambien, si fueras tan amable de dicirme como hago para poner la opción "dejar un comentario al antiguo estilo" te lo agradecería, porque la opción de seguimiento por mail es muy útil.

Esas son mis dudas, además de ¿Cómo hiciste para centrar el sistema de comentarios nuevo, el embebido abajo de la entrada? Yo no lo he podido centrar, lo que si pude hacer más o menos es agrandarlo mediente el sylish de firefox, aunque no tengo éxito aún haciendolo mediante código.

De antemano, gracias :p

Responder
JMiur  

Utilizar un script para poner los emoticones en los posts es posible, hay que modificar este mismo pero no es aconsejable de ninguna manera, cambiará códigos y terminará siendo un problema.

Si usas Firefox, lo mejor es usar una extensión que te permite hacerlo sin problemas porque sólo agrega imágenes que luego se verán en cualquier navegador.

Lo poco que puede hacerse para personalizar los comentarios está aquí incluyendo el centrado.

Lo del enlace al vuejo estilo esta explicado acá

Responder
Gem@  

El inconveniente que veo es que altera cualquier código mostrado en los comentarios.
Un ejemplo... color:$titlecolor; :(

Responder
Protegon  

Pero podrian cambiarse esos valores, por ejemplo que para poner una carita sea necesario ecribir :carafeliz:

De esta nabera es poco probable que choque con dichos codigos. Por eso les pido que proporcionen el codigo ya editado, para los post especificamente.

¿Qué ventaja presenta esto? Bueno, que si el dia de mañana las caritas se borran de algun hosting, podemos reemplazar los valores en el script, y asi no se perderia ninguna carita.

Podria alguien editar el asunto ? :S

Responder
Gem@  

Protegon no olvides que se trata de emoticones en los comentarios, la idea está bien pero con ello obligaríamos a las visitas a escribir "carafeliz" "caraenojado" "caratriste" cada vez que desean añadir un emoticón. A eso añadimos la necesidad de mostrar una imagen o dar una explicación indicando la forma de añadir un emoticon determinado :(

Responder
Protegon  

No no, el de comentarios yo lo puse y me va bien. No afecta en nada a los demás Gemita.

El asunto que estoy yo comentando es sobre poner emoticons en las entradas, por lo tanto la única persona que tendria que escribir :carafeliz: sería quien hace las entradas, o sea el administrador del blog (además de todas las personas que postean)

Modificando este truco para que sirva con las entradas y de esa manera creo que podria desaparecer el conflicto de simbolos. Pero a mi no me ha afectado en nada en los comentarios. Yo lo tengo en emoticons, y como en mi blog no se comenta nada de códigos css, entonces en los comentarios no me presenta conflicto. De todos modos el simbolo de dolar no es necesario y se puede solucionar.

Yo lo que quiero es que alguien me lo ponga para los post :S

Responder
JMiur  

Lo que dice Gem@ es cierto; en realidad, cualquier tipo de automatización tiene sus limitaciones y ahí ya caemos en una decisión personal en cuanto a qué sacrificamos. No hay muchas combinaciones que afectan pero las hay, por ejemplo : o se verá :o

Para los posts, lo más seguro es usar el script de Greasemonkey que también puede editarse para colocar nuestras propias imágenes y que no es riesgoso ya que no cambia textos sino que simplemente agrega unos botones en el editor e Blogger que agregan esas imágenes.

Si no, debe modificarse el script. Por ejemplo:
bodyText = document.getElementById('comments');

En lugar de comments poner el nombre del id que puede ser main o blog1, eso incluirá posts y comentarios y luego, colocar el código para las imágenes una por una.

Responder
Gem@  

La solución al mío (en los comentarios)sería mostrar el código enlazando un archivo en GooglePages por ejemplo conteniendo el código.
Es que los emoticones también crean adicción :/

Responder
Protegon  

Gracias Jmiur, hoy mismo lo implemento.

Gem@ como puedo hacer para enlazar un archivo con código fuera del blog? Eso me serviría mucho con los script

Responder
k_nelita  

Como se puede poner la lista de emoticones en los comentarios para que la gente sepa que cosa puede usar?? Por supuesto me refiero en el nuevo editor, porque ni yo se cuales están disponibles, y estaría bueno que la gente sepa que emoticones puede poner no?
Yo tengo puesto para que sepan que códigos html pueden usar, se podrá poner los emoticones? Y como? Que opinas?
Un saludo!! ;)

Responder
JMiur  

En tu blog, hay colocado un texto: Puedes utilizar algunos códigos HTML .... etc así que podrías ponerlo ahí sin problemas. Escrito o una imagen; como te resulter más cómodo.

Responder
k_nelita  

Gracias JMiur sos un genio, ya me hice una imagen, porque como texto no sabía como hacerlo, pero ahora no se donde tengo que ponerla para que quede debajo de la imagen de los comentarios y arriba o abajo de los códigos html.
Perdoname que te moleste un Sábado, pero me gustaría terminar con esto al menos hoy de ser posible.
Gracias!! :D

Responder
JMiur  

Es dificil sin ver la plantilla pero, podés buscar el código con el IFRAME del formulario y ponerla allí:

<div class="comment-form">
................
AQUI POR EJEMPLO
<iframe id="comment-editor" --------- >

Responder
kase  

prueba ;) :O :)

Responder
Anónimo  

Ya lo intenté y funciona en IE pero el "nuevo" formulario incrustado de comentarios no se ve en Firefox, asi que el "truco" está incompleto.

Responder
JMiur  

Eso no es cierto; funciona perfectamente en ambos navegadores así que deberías revisar. Como no dejas enlaces para mostrar el error, es imposible verificar esa información.

Responder
Julia  

Seguí todos los pasos pero no se ven los emoticones. Algo debo estar haciendo mal pero no encuentro el error.

Responder
JMiur  

Julia:
Por lo menos en los comentarios de este post, lo veo funcionar ¿Hay alguna otra entrada donde notes problemas?

Responder
Julia  

Ah, veo que funcionan si figuran en la misma pagina del post, pero al entrar a la pagina de los comentarios, no funciona. ¿Es así?

Responder
JMiur  

Ya entiendo, Julia. Sí, es así porque la página de comentarios en realidad, no es parte del blog sino que es una página que maneja Blogger y sobre la cual no podemos actuar.

Una posibilidad para eviatar so es incrustar el formulario en la plantilla de tal manera que no haya que abrir esa página especial.

Responder
Julia  

ah bien, muchas gracias

y eso como se hace?

Responder
JMiur  

Hay tres posts donde se explica el tema, fíjate en estos: 1 2 3.

Responder
Julia  

Muchísimas gracias. Los voy a leer. Saludos

Responder
DabertoMD  

JMiur una consulta ... aplique este script y pensé que también serviría para los que se usen en los post, pero no. Leí una entrada anterior a esta "Ahora sí: emoticones en blogger beta" pero con ese script sí se visualizan en el post pero me salen con recuadro y por eso lo quité pensando que interfiría con este. ¿qué se puede hacer?

Responder
JMiur  

Una posibilidad es modificar el script, en lugar de:
bodyText = document.getElementById('comments');
poner:
bodyText = document.getElementById('main');

No lo recomendaría pero puede probarse.

Si el otro script te funcionaba, déjalo pero, debes eliminar este para que no interfieran. Lo del borde de los emoticones tal vez pueda solucionarse.

Responder
Agt PirronE! (zonaloca)  

Par solucionar el tema de que los iconos salgan con el recuadro predeterminado de las imagenes en los posts, yo le quite los estilos a las imagenes que serian los emoticones.. colocandoles:
[img src="..." style="border:0px; padding:0px" ]

ESpero que eso solucione tu problema DabertoMD

JMiur: estoy utilizando el script aplicandolo a
bodyText = document.getElementById('main')
cargandolo al final del documento, y hasta ahora no he tenido problemas de ningun tipo. Puedes ver los resultados en http://www.zuenios.com.ar

Responder
DabertoMD  

Gracias a ambos, Agt PirronE! hice lo del style y funcionó, pero yo quiero este script ya que contiene los emoticones más bonitos que los del otro script, pero solo me cargan cuando visualizo un post individual y salen tanto en el post como en el comentario. Como logro que también carguen en la página principal? JMiur tú haces eso, ya que los emoticones que usas son los de este script y los usas tanto en el post y en comentarios, y también cargan en tu página principal ...como le haces??
Otra cosa: demoran un poco en cargar, a qué se debe? incluso tengo que forzar la carga con f5 :O

Responder
JMiur  

Agt PirronE:
Así es, esa es la opción lógica para las imágenes.
El script puesto así como dices, funcionará, no es problema pero, como cambia textos o caracteres, depende mucho del tipo de blog. En mi caso, hace desastres ya que ciertos códigos que se escriben tienen esa combinación de caracteres y es bastante gracioso ver carita en medio de uno de ellos :D

DabertoMD:
Para que también se vea en la página principal, debes eliminar la condición, borrando esto que está en negrita:

<b:if cond='data:blog.pageType == "item"'>
<script src='direccion_URL/VEmoticones.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>

En lo personal, sólo uso en los comentarios y en los posts uso una extensión de Firefox. las imágenes son las mismas porque coloqué las mismas en ambas cosas.

El tiempo de carga, al hacerlo sobre los posts y los comentarios, será mayor que al hacerlo sólo sobre una parte. Lo mejor es, como dice Agt PirronE, colocar el script al final del blog, justo antes de </body> no para que ea más rápido sino para que el blog se muestre y recién luego se cambien las cosas.

Responder
DabertoMD  

Gracias JMiur y a Agt PirronE! también :D la verdad es que le dan algo de alegría, tampoco es que abuse de ellos. En mi caso no uso códigos que puedan alterar este script así que me va bien.
Por cierto cual es el plugin del firefox? Un saludo enorme por ser tan gentil con todos :)

Responder
JMiur  

La extensión es un script de Greasemonkey. Los enlaces y detalles están en este post.

Responder
DabertoMD  

Ese script me gusta y es más práctico salvo por lo de tener que ponerlo en la posición deseada. Arigato!:D

Responder
Juno  

oye guapo, cierto que te pones una explicaciones más que excelentes, vamos, no solo dices, hagan esto!!... dices el porque y eso ayuda mucho cuando uno quiere poner sus detalles o imagina poner algo similar pero con un toque personal, bueno... al grano, a mi me costo mucho poner esto, no me funciono en los primeros intentos, luego hice lo que la bella gem@ dijo, no poner en la plantilla, agregar como widget y remplazar el body, pero.. al remplazar el body... 3 widgets quedaron como huecos... osea como un campo memo o algo similar, y dos de ellos los cambie por otros similare de codigo html, el de geocounter es java, y... pues no, no me va... ahora me indago si es posible poner los emoticones sin cambiar el body... y probaré con tu informacion :D quien quita y ahora si quede, no esta de más comentar que si cambio el body el blog es un lio, ratos se ve una columna, ratos que no, y al igual con cada cosa, funciona ahora, al rato no, asi que ... usualmente lo de emoticones lo tengo off. :D Besos y.. muy buen blog, no eres nada arrogante en tus explicaciones lo que muchos agradecemos :D

Responder
JMiur  

Sí, es posible hacerlo sin cambiar el body (imagino que te refieres a agregarle onload). De hecho, aquí lo tengo así y no hay problemas, te diría que es mejor ya que evita conflictos con otros scripts.

Si te resulta más cómodo, también es posible poner el código en un elemento HTML.

Responder
Birdelo  

Hola JMIur.

Existe manera (Como veo en el blog de Rosa), de añadir en el formulario de comentarios emoticones?.

Saludines!!!.

Responder
JMiur  

Birdelo:

Lo que está usando Rosa es el mismo tipo de script pero, ella le ha agregado al formulario, debajo del título más o menos donde aquí ves el texto diciendo que la vista previa no funciona, una imagen donde se muestra la combinación de teclas que generan esos emoticones.

Lo había visto hace unos dias y me gustó la idea, pensé en escribir algo al respecto pero no tuve tiempo. Me has recordado que debo hacerlo :D

Responder
k_nelita  

Se refieren a la imagen como tengo puesta yo con los emoticones y los simbolos que hay que poner para que se muestren los emoticones?

Yo me volví un poco loca hasta que logré hacer la imagen mostrando las caritas y que debían poner para que se vean... ;)

Pero me gustaría agregarle mas emoticones, hay algunos que son muy parecidos y se podría reemplazar por otros mas graciosos o diferentes no?

Responder
k_nelita  

No, no me contestes, releí el post y si, ya veo que se pueden cambiar las urls de las imagenes, pero por ahora se quedará así, sinó tendría también que cambiar la imagen y ya es todo un rollo, soy muy mala trabajando gráficos... :(

Responder
JMiur  

Eso de preguntarse y responderse es un buen método :D

Voy a pensar si no hay una forma de en lugar de poner una imagen, directamente hacer que lo coloque el script, veremos.

Responder
k_nelita  

Así soy :D sencillita nomás ja ja
Pienso mientras escribo, o escribo y después leo ja jaa :D

Responder
k_nelita  

Acá está la madre del borrego! ja ja estuve mirando el script, y aparte si mirás la imagen que ponés de ejemplo de los emoticones diponibles fijate que tiene guión entre los : y la X o sea que el script que tengo yo alojado en SkyDrive está como este, por eso no me reconoce la imagen sin el guión en medio...
No me voy a poner a corregir el script y volverlo a subir... por esta pavada, lo dejo así y listo, pero esto quiere decir que no tenés el mismo script que está acá, que es el que tengo yo.
Viste que investigando llegué a decubrir cual era el motivo?

Responder
JMiur  

Es que los emoticones puden ser escritos de varias formas, dependiendo de lo que esté en el script. Eso que puse en el otro comentario de:
(/:\X/g,
hará que solo sea necesario por : y X para que salga :X
en tu script dice:
(/:-\X/g,
que también está en el mio y hace que seaa necesario escribir : - X para que salga :X

Con el tiempo, fuí modificando cosas del script original de tal manera de hacerlo más flexible y para que sea fácil de editar, en lugar de colocarlo en un archivo externo, lo tengo en la plantilla directamente.

Responder
Birdelo  

Disculpa.

Ya me ha quedado todo bien. Eres un genio amigo!.

Saludines... Me faltaba poner esto, jojojo!

Responder
Cristian  

La definición de estilo antes de /head hizo que se me borrara el cuadro de comentarios, por lo que lo borre y m anduvo, va a tener repercusiones esto?

Responder
Cristian  

no, me lo sigue borrando, lo actualize y se me volvio a borrar el cuadro de comentarios. Me parece que el script produce errores en mi plantilla. Me voy a tener que conseguir otro script. :(

Responder
JMiur  

Cristian: Las definiciones de estilo no pueden hacer eso salvo que la sintaxis esté equivocada. Por ejemplo, lo más común es que no terminen con punto y coma o que se coloque la etiqueta <style> dentro de <b:skin>

Responder
k_nelita  

Hayyyy me quiero matar, estuve escribiendo media hora y se borró el comentario grrrrr
Bueno armarse de paciencia y empezar de nuevo... resulta que estoy ayudando a una amiga que quiere poner el script pero le pasa lo mismo que me pasó a mi la vez pasada, crea conflicto con el cbox si se pone antes de body.
Tengo su plantilla en un blog de pruebas, y quiero subir el script antes de la sidebar, pero esa plantilla es totalmente diferente a las mías, y no está bien definida la parte de la sidebar, pero mas o menos la encontré, pero... si lo pongo por allí me desaparece el editor, si la muevo un poco me desaparecen los emoticones, mas o menos lo que decía Birdelo, solo que yo no creo que tenga nada que ver la parte del estilo.
Y eso sin contar que en mi blog de pruebas no tengo el cbox, ese se mete en el editor...
Bueno creo que era eso mas o menos lo que decía antes, se te ocurre que cosa puede ser? Querés que te mande la plantilla? Te pongo un enlace a mi blog de pruebas para que le des una mirada al código fuente: Pruebas
Ahh dame un segundo que lo abro...

Responder
k_nelita  

Ya está abierto pasá nomás cuando quieras ehh ;)

Responder
JMiur  

Me da la impresión que podría ser la nieve el que crea el problema o una combinación de ambas cosas.

Primero, puede probarse mover el script de los emoticones al final de la plantilla, justo antes de </body>

Responder
k_nelita  

Pero JM es lo que te estoy diciendo, que si lo pone antes de body se le mete el cbox en el editor como ya me pasó a mi, no te acordás?
Y yo no tengo el cbox de ella en mi blog de pruebas...

Responder
JMiur  

Entonces, tendría que ver la plantilla para responderte. debería meterla en un blog de pruebas y destruirla un poco para ver el problema.

Responder
k_nelita  

Te la mando??

Responder
JMiur  

Ya lo recibí :D

Responder
k_nelita  

Ok, quedo a la espera entonces ;)

Responder
Tigremen  

hize las 2 modificaciones, descargue el zip veo que estan las imagenes y el js, ahora no se como subir el js a
algun servidor. "direccion_URL/VEmoticones.js" no se que poner ahi. te agradezco de antemano...

Responder
JMiur  

Puedes subirlo a SkyDrive, por ejemplo.

Otra alternativa es colocarlo directamente en la plantilla:

<script type='text/javascript'>
//<![CDATA[

aquí copais y pegas el contenido del archivo

//]]>
</script>

Responder
Tigremen  

Gracias por ese dato,
Que ventaja o desventaja tiene poner el codigo del archivo js dentro de la misma plantilla? :S

Bueno en mi caso funciono JMiur, aloje el Js en SkyDrive y segui todo los pasos y me quedo, solo tengo un problema el emoticons no aparece en linea con el texto siempre me lo pone un renglon abajo mira como queda -> ...[Enlace].
Te comento mi plantilla es "son of moto", asi que cree un blog de pruebas y copie los codigos, el resultado fue el mismo, los emoticons aparecen un renglon abajo -> ...[Enlace]
El 2 codigo lo he movido arriba del /body, en esa parte se me cruzaba con un widget, asi que lo puse antes de <div id='sidebar-wrapper'>

Que podra ser??

Responder
JMiur  

Tigremen:

Colocar el script como archivo externo o en la plantilla es indiferente en tanto funcione. En lo personal, lo prefiero tener en la plantilla para poder editarlo con comodidad y porque quiero, en lo posible, desentenderme de los alojamientos externos.

Lo de la imagen en una línea nueva es por el tipo de definiciones CSS de tu plantilla, allí, está establecido que todas las imágenes se muestren así por lo tanto, deberemos agregarle propiedades a los emoticones. Ahora dice algo así:

.comment-body p img {
padding:0.3em;
vertical-align:top;
}

Cámbialo de este modo:

.comment-body p img {
display:inline !important;
padding:0 0.3em;
vertical-align:top;
}

display:inline es lo que hará que no sean blouqes, es decir que se ubiquen alalado del texto y no abajo.
padding:0 0.3em es para separar la imagen de ambos lados.

Responder
Tigremen  

Mil gracias men, me quedo a la primera thanks... Saludos desde Mexico :D:D:D:D

Responder
Anónimo  

hola :)

Responder
Tigremen  

Hola JMiur, fijate que el codigo que agregue funciono pero no me percate que solo funciona con los otros usuarios y anonimos. Mis comentarios Salen todavia con un renglon abajo, los demas salen bien. Observa los comentarios # 5, 7, 9 y 10 -> ...[Enlace]

Disculpa me podrias ayudar??? :((

Responder
JMiur  

Ya veo, es que hay otra case para los autores. Se solucionaría así. En lugar de:

.comment-body p img {
display:inline !important;
padding:0 0.3em;
vertical-align:top;
}

coloca esto:

.comment-body p img, comment-body-author p img {
display:inline !important;
padding:0 0.3em;
vertical-align:top;
}

Le agregamos la clase de los autores que es la que está en negrita.

Responder
Tigremen  

Men puse el codigo y sigue igual, que mas puedo hacer?, bueno espero no ser muy enfadoso a ver si le puedes dar una mirada a mi plantilla Descarga plantilla Gracias por tus atenciones JMiur.

Saludos :D

Responder
JMiur  

El error es mio. me olvidé de colocar el punto delante, es:

.comment-body p img, .comment-body-author p img {
display:inline !important;
padding:0 0.3em;
vertical-align:top;
}

Responder
Tigremen  

Ahora si quedo :D:D:D, Gracias nuevamente JMiur y cuando gustes una pelicula no dudes en entrar a mi blog...

Responder
JMiur  

Perfecto Tigremen. Me alegro que se haya resuelto.

PD: Oh sí, ya anduve curioseando en las películas de tu blog :D

Responder
Gem@  

Que rabia y que rabia vuelta a empezar |O
Decía que para sustituir la url no hay problema pero ¿cómo añadimos nuevas imágenes?
Mi duda viene por esa parte que dice:
cualTexto = cualTexto.replace(/:\/ /g,'<img src="url-imagen" />');
¿Qué deberiamos añadir en lugar de la negrita?

Responder
JMiur  

Eso es lo que se llama una expresión regular (uffff). El tema es este, como es un script, hay ciertos caracteres que debemos indicar que son "literales", caracteres como las comillas, los parentesis y la barra inclinada, podrían ser tomadas como instrucciones.

Por eso, delante de esos caracteres especiales agregamos una barra inclinada invertida \ para indicar que el siguiente carácter debe ser tomado como literal.
Por ejemplo, en un script, es común que pongamos \" para indicar que esa comilla es una comilla de texto y no una comilla del código.

El ejemplo más sencillo para ver es el emoticón :D que se forma con dos puntos y la letra D.

Se escribiria así:
/:\D/g,

Supongamos que quieres poner este XD que es una letra equis y una letra D. Sería así:

/:\X/g,

:) Es muy :( pero muy :D complicado de contestar aquí :$ Pero, cualquier cosa, me dices cual es la combinación que quieres poner e inventamos el código ;)

Responder
Gem@  

Pero en este último ejemplo la letra D no la añadiste.

-Supongamos que quieres poner este XD que es una letra equis y una letra D. Sería así:

/:\X/g,
¿Dónde está la D? :O

Si yo quiero añadir una imagen cualquiera supongamos que le asigno lo siguiente: z simplemente la letra zeta entonces sería:
/:z\/g,

Responder
JMiur  

La D, la D, la D, la D, la D Debe haberse quedado en mis Dedos (te dije que era complicaDo De escribir :D )

Re-escribo:

Supongamos que quieres poner este :X que es dos puntos y una equis :

/:\X/g,

Supongamos que quieres reemplazar la letra zeta:

/\z/g,

Responder
Gem@  

Ah bien, ahora entiendo :X
Probaré y te digo algo :O

Responder
JMiur  

Por ahora, las pruebas parecen ir bien :D

Responder
Gem@  

Geniales :)

Responder
Eliban Meyer  

Pero.... pero... pero.... En donde diantres alojo el archivo??? Acabo de darme cuenta que FILEDEN no acepta este tipo.... Entonces donde?????

Responder
Eliban Meyer  

Ahhh,,, también lo alojé en SkyDrive pero algo habré hecho mal porque solo se veía una vez...

Responder
JMiur  

En Fileden puedes hacerlo cambiándole la extensión. En lugar de JS ponerle TXT. En SkyDrive no hay problemas a menos que la URL sea incorrecta. También puede ponerse directamente en la plantilla.

Responder
Anónimo  

hola compañeros soy drenteen.quisiera ke me hecharais una mano.un amigo mio me manda con el messenguer cuando hablamos la palabra OK con el escudo del madrid para darme la lata kisiera saver como se hace pero con el escudo del barça para darle caña tambien gracias

Responder
JMiur  

O_O Este comentario lo dejo hasta traducirlo al castellano :o

Responder
Gem@  

Yo te lo traduzco J.Miur creo que drenteen ha llegado aquí desde Google buscando ayuda para el Messenguer.
Se refiere que en Messenguer hay una opción de añadir imágenes tipo smiles-emoticones y cuando se teclea ese texto en lugar de mostrarse el texto se muestra la imagen.
Para hacer eso hay que tener la imagen a mostrar en el PC, luego cuando alguien muestra la imagen (del Madrid en este caso)se pone el cursor sobre ella y la guardamos.
Al mismo tiempo que la guardamos buscamos para cambiar la imagen y ponemos la que tenemos en el PC en lugar de la que guardamos.
Pero ojo, si no la cambiamos cada vez que escribimos el texto que tiene asignado saldrá la imagen que copiamos.
(Parece un trabalenguas)

Responder
JMiur  

Ahhhhhhhhhh
Ohhhhhhhhhh
Ehhhhhhhhhh

Claro, ahhhhhhhhora SI

¡Qué bien! ¡Cuántos idiomas sabes, Gem@ ! :D Yo soy un negado pa'esto y el mesengastellano me resulta complicado :D

Responder
k_nelita  

Ja ja jaaa yo también sabía la traducción, pero dejé a ver que decían, ya que no tengo una respuesta, pero si entendí la pregunta, ahora la aclaración de gem@ hmmm... conocés el refrán que dice "no aclares que oscurece"? :D

Responder
Gem@  

jajajaja mira en los últimos comentarios de tu sidebar parece que tengas un dolor de muelas jajajajaja

No tengo mucha práctica con el mesengastellano, me parece una herramienta muy útil si la usamos con conocimiento, y soberanamente aburrida cuando se trata de pasar el tiempo.

Responder
Gem@  

Si la conozco k_nelita ¿no fui clara? :S
Por cierto... ¡al fin conseguiste el pc!! estás muy misteriosa últimamente :X

Responder
k_nelita  

Esto ya pasa por el chismorreo ja ja pero es que últimamente no estoy mucho en casa, ya sabes porqué gem@ ;)
Pero ayer estuve trabajando duro con mi plantilla de Miarroba, Resurgiendo, para agiornarla, como me han recomendado, la tecnología avanza y aunque yo tenga un monitor de 800 x 600 las visitas los tienen mas grandes, así que agrandé la plantilla y la renové un poco, a ver si te pasas y me das tu opinión... a cualquiera de los dos les digo o mejor a los dos :D

Responder
JMiur  

Dolor de muela, no. Tuve una puntada a la altura del léxico pero leí un par de capítulos del Quijote y ya se me pasó :)

¿Chismorreo? ¿Alguien dijo chismorreo? Nahhhhhh. Esto se llama comunicación ;)

Responder
Pucho  

Muy bueno che! Despues de luchar y luchar consegui tener los emoticones, simplemente puse el script detrás de la etiqueta body, el unico problema es que los emoticones siempre se colocan en el comienzo de la linea y NO donde los coloco. Sabes por que es eso?

Responder
JMiur  

Como no puedo ver tu blog no sabría contestarte con exactitud pero, lo más probable es que las imágenes tengan alguna propiedad tipo display:block

Responder
Pucho  

Aca te dejo una entrada, fijate en el comentario mio :D

http://www.aportexaporte.com.ar/2008/11/descargar-merriweather-post-pavilion.html

Este es un claro ejemplo por que puse el emoticon al final y ahi aparece en el principio.. :P

Responder
JMiur  

No es esa la propiedad pero, andamos cerca :D

Se trata de esto:

#content p img {
border:medium none;
float:left;
}

Para evitar que las imágenes contenidas en los comentarios, agrega esto antes de </b:skin>

dd.comment-body p img {float:none !important;}

Responder
Pucho  

Sos un libro abierto JM! Gracias por decimo no se cuentas veces!:D

Responder
JMiur  

Me alegro que funcionara, Pucho :D

Responder
Insomnya  

HOla JMiur antes que nada mil gracias por todo me encanta tu blog!! Te quería preguntar si te molesta que copie tu imagen de los emoticones esta que tenés justo encima de este cuadro y que luego la cargue en algun lugar y luego la use??? así como vos la tenés.
Es que no quiero que te vayas a molestar conmigo si por esas casualidades allgún día pasas por mi blog y la estoy usando. que decís???
Un saludo y mi gratitud de siempre :P

Responder
JMiur  

Insomnya:
Úsala sin problemas, descargala a tu PC y alójala donde quieras :-)

Responder
Insomnya  

gracias Jmiur sos lo más :D

Responder
Anónimo  

Gracias :P

Responder
Raúl  

Hola que tal JM tengo una falla en este codigo ya lo pongo todo normal, coloco la primera emoticon y aparece luego voy a otra entrada y en vez de salirme el cuadro de comentarios me sale el cuandro de seguidores y no me deja poner comentarios que puedos hacer??

Responder
JMiur  

Por lo que he visto en otros casos, eso tiene que ver con el gadget de chats CBox. En mi caso no me ha ocurrido pero a otro si.

Responder
Raúl  

JM y hay alguna forma de solucionarlo??? o no. :S?? y otra pregunta es no tendra q ver con el gadget de seguidores? porque en vez del cuadro se comentarios me sale el de seguidores??. gracias brou

Responder
Raúl  

quito el cbox y seguidores coloco el codigo para los emoticones y luego el cbox y seguidores funcionará?

Responder
JMiur  

No puedo saberlo. Como es algo que no tiene mucha explciación, no vas a tener más remedio que hacer las pruebas y ver los resultados.

Responder
Sidhe and Darky Dragonseeker  

JMiur tengo una duda... lo que pasa es que quiero poner este código ^^ en el scrip de los emoticones, pero no sé como ubicarlo aquí (/:\)/g,

He probado pero nada me resulta!
Si puedes ayudarme porfis!
Gracias :D

Responder
atajar  

:$ uyuyuy a mi me pasa lo mismo a veces se mete los anuncios de google en el box y al actualizar la pag se pone bien que puede ser? gracias

Responder
atajar  

hole hole y hole ya se me arreglo el lio estaba que yo tengo dos sidebar-wrapper y en una me daba ese problema y al cambiarlo se arregló , no se si me he explicado bien :P un abrazo maestro ,eso si sigue sin arreglarse lo del lightwindow , asi que seguire rebuscando entre tus post

Responder
JMiur  

atajar: Eso es algo que a veces ocurre pero desconozco el motivo.

Sidhe and Darky Dragonseeker:
Para usar ^^ deberías tener una línea así:

(/\^\^/g,'

Se usa la barra \ para indicar que el siguiente caracter es lteral o sea que no es un código.

Responder
Sidhe and Darky Dragonseeker  

Ya veo... esto era lo que me estaba faltando \

Muchas gracias JMiur!
Ahora quedó perfecto :D

Responder
Shir  

Hola no he podido alojar los emoticones porque.......no tengo ni idea cuala es el URL .......'direccion_URL/VEmoticones.js'.......porfavor me puedes explicar donde encuentro eso???
Gracias

Responder
JMiur  

Es la direccion del archivo alojado en la web. Una alternativa la puedes ver acá.

Responder
egoloco  

Hola Gente!
mmm... voy a probar esto a ver si me funciona, haria un poco mas entretenida la visita y los comentaris.

Si me dejan explicar, creo que entendi lo que drenteen quizo decir, porque como muchos preguntaban si se podrian personalizar los emoticones a utilizar en el blog, y como drenteen tiene un amigo que usa mucho el escudo de su equipo en el messenger queria hacerlo sentir como en casa teniendo en los comentarios del blog dicho escudo. Puede que sea esta explicacion o la de Gem@... lo dejo a criterio de ustedes.

JMiur, con explicaciones tan claras que haces sobre estos "trucos" pareciera que transformas el html en español!!!

P.D.: No estaria mal que html sea bilingue :D

Responder
Vku  

como andas jmiur
bueno despues de 5 horas pude ponerlo
tenia problemas varios
1-si lo ponia antes de <div id='sidebar-wrapper'>
no me salia el iframe del comentario tenia que recargar la página para poder verlo pero a la proxima entrada desaparecia.
2-si lo ponia antes de </body> me salia el chat de cbox

tarmine cambiando el js
la palabla cual la cambie por otra
no funcionaba
a lo ultimo comparto como me salio para los que tienen problemas
a ver si se entiende lo puse en otra html del sidebar directo en edicion de html
quedo asi:
</b:loop>
</ul>
<script src='http://img21.xooimage.com/files/4/8/4/smileys1-11c2b78.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='Chat de Ayuda' type='HTML'>
<b:includable id='main'>
el oto cambio que tube que hacer fue en configuracion, comentarios Mostrar verificación de la palabra para comentarios le puse no ya que con si solo me dejaba comentar a mi otro usuario tenia que hacerlo desde el antiguo para poder comentar
bueno espero que les de resultado

Responder
jb  

:)

Responder
JMiur  

Vku:
Eso es correcto, con el formulario de comentarios puede pasar. Otra forma de solucionar el problema es cambiar:
bodyText = document.getElementById('comments');

por:
bodyText = document.getElementById('comments-block');

para evitar que se modifiquen los códigos del formulario

Responder
Vku  

averlo sabido antes, gracias

Responder
cargohe  

JMiur este codigo bodyText = document.getElementById('comments'); no lo encuentro por que yo tengo ese mismo error de que me sale el chat en donde se comenta y me toco quitar los emoticon.

Responder
JMiur  

Prueba cambiando esa parte del script por:

bodyText = document.getElementById('comments-block');

para que no se incluya el formulario incrustado.

Responder
cargohe  

Haaaa era en el script que habia que modificarlo ahora si parece que funciona todo bien, probando. Gracias ;)

Responder
Jaime Trujillo Escobedo  

JMiur, me aparecen los emoticones en los comentarios pero no se por qué aparecen todos fijos al lado izquierdo.

Te dejo esta imagen de uno de mis comentarios para que veas lo que me sucede...

http://img266.imageshack.us/img266/9708/59180251.jpg

Si sabes como solucionarlo te estaría muy agradecido. Probé con distintas formas de intentar que aparezcan junto al texto pero no lo conseguí. :S

Saludos! :D

Responder
JMiur  

Tendría que ver el ejemplo online pero, por lo que se ve en la imagen, es posible que las imágenes dentro del área de comentarios tengan la propiedad float:left.

Responder
Jaime Trujillo Escobedo  

Muchas gracias JMiur! encontré esa línea en el main-wrapper, en el bloque de las imágenes en las entradas. ;) ¡La eliminé y listo, ya tengo emoticones!

Thanks! :D

Responder
JMiur  

Me alegro, Jaime :)

Responder
NyA  

Hoola ... me podes explicar como se ponen
esta imagem :
http://4.bp.blogspot.com/_hljKDuw-cxQ/ScQBxRwkyWI/AAAAAAAANGQ/seTatG-mYE0/s00/bgEmoticones.gif

antes de o quadro de comentar...
porfa ...

desculpa o meu español es que soy portugues ..
Parabens pelo Blogger

Responder
JMiur  

Por ejemplo, podrías ponerla arriba de esto y así se mostraría arriba del formulario:

<data:blogTeamBlogMessage/>

Responder
NyA  

Gracias pela resposta amigo pero
no sei como agregar ai una IMG :

ai dejo mi includable:

http://tinypaste.com/4e8b8ce

por se uste me pode hechar una mano
se agradece aticipadamente

um saludo de um amigo portugues e seguidor activo de tu BLOGGER

Responder
JMiur  

Ahora dice:

<p><data:blogCommentMessage/></p>

ese es el texto del título de esa parte. Debajo, colocas algo así:

<p style="margin: 0 auto; width: 485px;"><img src="URL_imagen"></p>

Responder
NyA  

buenas
no me deja guardala ...me da error :O
esta dificil conseguir esto pero voy a seguir ententando
gracias

Responder
Gem@  

Ya sé por qué el emoticon "secreto" no me salía nunca, en tu imagen viene así :X cuando en realidad es con guión entre las los letras :-X

Responder
JMiur  

Tiene razón. Varias veces he cambiado la combinación de caracteres para evitar que hubiera problemas al escribir códigos en los comentarios y debería actualizar el dibujito :$

Responder
Gem@  

No tiene importancia, ahora ha salido de las dos formas :X

Responder
FAN_Amuro  

:)muy bueno el post pero a mi no me sale :( tu blog es exelente

Responder
JMiur  

Gracias por el comentario. Fíjate en enstas dos entradas que son más recientes: 1 y 2.

Cualquier cosa, déjalo en tu plantilla aunque no funcione y dime dónde pude verse el ejemplo, así me fijo a ver si encuentro el error.

Responder
Felipe  

Hola JMiur

No te escribo mucho pero te leo bastante.
En mi blog, de todos los truquitos que le he querido añadir, creo que este es el único que me falta por dejar funcionando.

La url del blog es:
http://pasaralanacho.blogspot.com

;) Te agradecería mucho si le echas un ojito y me dices que puede ser.

Por si algo, la dirección de mi script es
http://ineedscripts.googlecode.com/files/VEmoticones.js

Lo tengo con Google Code y funciona bien, no se que puede ser.
:)

Gracias.

Responder
laurenceHR [DJ daXes]  

ya intente todos los tutoriales q encontre en internet los cuales son parecidos pero ninguno me funciona :-| aaaaa no se q hacer.. :X

Responder
JMiur  

Felipe:
Me parece que el problema lo genera tener dos IDs iguales:

<span id='comments'></span>
<div id='comments'>

El primero con el SPAN no parece tener ninguna utilidad, está vacio así que podría eliminarse o mejor aún, cambiarle el nombre al ID por las dudas. Con ese cambio, debería funcionar.

De todas maneras, te recomiendo ver las entrdas más actualizadas de este truco para evitar problemas en el formulario de comentarios:

Fíjate en estas dos 1 y 2.

Responder
JMiur  

laurenceHR:
A menos que me expliques qué estas haciendo, es imposible responder.

Responder
Felipe  

Wow JMiur.

Sencillamente e-x-c-e-l-e-n-t-e!
:)

No sabes cuan contento estoy. :)
Bastante sencilla la solución y excelente explicación.

Un saludo cordial desde Bogotá, Colombia.

Responder
JMiur  

Saludos, Felipe. me alegro que funcionara.

Responder
laurenceHR [DJ daXes]  

naaaada ya hice todo como dice encima modifique un poco el .js x q las imagenes de imageshack tan borradas.. nadaaa

http://miblogdpruebas.blogspot.com/2010/02/emoticonos-en-blogger.html

>_<

no sale!!! |O

Responder
JMiur  

Pués vas a tener que revisar el script que modificaste y limitarlo. Hacer que cambien TODOS los caracteres de la página es un error ya que algunas de esas combinaciones son códigos. Debes limitarte a cambair sectores específicos donde estés seguro que sólo hay textos planos.

Responder
CHiCken  

Hay alguna forma de que al seleccionar el icono se ponga el codigo ya en el cuadro de comentarios.

Responder
JMiur  

No. El formualrio de comentarios es un IFRAME y por lo tanto, no puede modificarse.

Responder
Gem@  

Yo los tengo incluidos en una tabla de forma que se puede copiar y pegar el código, no es lo mismo que hacer click pero resulta cómodo.

Responder
JMiur  

Buen truco :D

Responder
SuperKyubi  

JMiur me puedes ayudar soy un chavo de 14 años, me gustan los blogger :D pero he tenido muchos problemas con los emoticon nunca he podido ponerlos me salen errores etc... Y se supone qué hice todo despacio y cuidadoso para que funcionara y no sé que pasa :(( así que por favor ayuda me JMiur hecha mela la mano por favor di me como puedo ponerlos sin fallar :S o si mi blogger esta mal. Aquí mi email y mi blogger

dark_uchiha24@hotmail.com
http://edadhierro.blogspot.com/

Responder
JMiur  

Lo que veo en tu código fuente es que estás mezclando dos scripts diferentes. Coloca sólo uno de ellos.

Responder
SuperKyubi  

Disculpta JMiur, como hago eso es qué soy novato y no tengo mucha idea sobre esto :$

Responder
SuperKyubi  

Bueno tal véz se más facil que me ayudes así te mando mi Edición de HTML ;) y porfavor corrigeme lo que dices tu para poner poner tus Emoticonos :D

https://cid-3bcad162e3a4c182.skydrive.live.com/self.aspx/.Documents/Edici%C3%B3n%20de%20HTML%20Edad%20de%20Hierro.txt

Porfavor ayudame te lo agradeceria toda mi vida :D

Saludos JMiur

Responder
JMiur  

El archivo no parece accesible: "La red de esta persona está vacía (o es una red privada)."

Si lo que quieres es que revise tu plantilla, adjúntala en un mail y me fijo:
vagabundia@gmail.com

Responder
SuperKyubi  

Sale entonses ahora mismo te mando el correo y perdona las molestias enserio :((

Responder
JMiur  

OK. Recien te acabo de responder por mail. Habías hecho lio pero, nada grave :D

Responder
SuperKyubi  

Wow gracias JMiur ;)

Responder
Agustina!  

hola! :D soy nueva en blogger y queria agregar los emoticons pero el tema está en que como soy nueva me re pierdo, entiendo poco y nada :$
queria saber si tendrias el tiempo y la vouluntad como para hacerme el gigante favor de ponerlos vos en mi blog :$ disculpá el exceso de confianza pero es que ya no se ni que toqué en la dichosa plantilla :S
en caso de que pudieras te dejo mi mail
desde ya. (puedas o no) muchisimas gracias
sweetandlethal@hotmail.com
mil besos! :)

Responder
JMiur  

No, eso es algo que no puedo hacer de ninguna manera.

Responder
Pavelkapaz  

Una consulta... como agregas despues la imagen donde salen los emoticones y sus respectivos codigos codigo ensima de donde sale el formulario ???(ESTA: http://4.bp.blogspot.com/_hljKDuw-cxQ/ScQBxRwkyWI/AAAAAAAANGQ/seTatG-mYE0/s00/bgEmoticones.gif)
Gracias por el tutorial ^^

Responder
JMiur  

Eso puedes verlo en esta entrada

Responder
Tattyalbo  

jejeje graxxx...ahora si podre añadir emoticones metaleros a mi nuevo blog \m/

Responder
Sofia  

GRACIAS :D

Responder
jlmdron  

Bueno ante todo decir que me funcionan bien el único problema es que no se muestran en la caja de comentarios si tienes alguna idea pues por aquí estaré leyendo.
Gracias

Responder
JMiur  

Si te refieres al textarea donde se escriben los comentarios no, ahí no se mostrarán; allí sólo puedes escribirse texto.

Responder
jlmdron  

No,me refiero a como lo tienes tu que pueda elegir el emoticono que quiera poner con todas los emoticonos y los códigos.

Esto es lo que no me sale.
http://i51.tinypic.com/5p2xxy.png

Gracias

Responder
JMiur  

Eso que ves ahí sólo es una imagen; no existe forma de utilizarlo para agregarlos en el textarea de comentarios ya que el formulario de Blogegr es un IFRAME y por lo tanto, no puede se modificado.

Responder
jlmdron  

¿Entonces como se pone la imagen igual que la tienes tu.?
Gracias

Responder
JMiur  

Fíjate en esta entrada.

Responder
Denise  

:-|

Responder
nakahito  

si mis emoticonos son animados como hago para que se muevan en los comentarios?

Responder
JMiur  

Si son animados, se verán animados cuando se publique el comentario.

Responder
nakahito  

si, mi error fue que los aloje en picaza desde el editor de blogger, creo que si los subo a otro host se moveran ;)

Responder
nakahito  

olvida mi ultimo comentario volvi a subirlos desde mi blog y ya se mueven :S

Responder
Daniela Ivonne  

Me gustaría saber a qué servidor puedo subir el script y si se sube en formato zip tal como está, o si no, ¿en qué formato debe subirse? Gracias

Responder
Daniela Ivonne  

Al final pude subirlo y todo, pero al poner los emoticones, me arruinó la opción de responder a los comentarios :(

Responder
JMiur  

Fíjate en estas dos entradas: 1 y 2 ya que al usar el formualrio incrustado, hay que hacer algunas modificaciones y limitar el script al comentario en si mismo o sino, se modificarán códigos internos.

Responder
Kaede  

Perdon, pero tngo 2 preguntas.. la primera seria ¿cual es la direccion que hay que poner en direccion_URL/VEmoticones.js' ?, y la segunda ¿porque cuando hago el truco me salen doble filas de emoticones?

Responder
JMiur  

La URL es la de sitio a donde hayas subido el archivo.
Lo otro, no sabría decirte sin ver tu ejemplo.

Responder
mr animaciones  

amigo que aria para ponerlo en una web php porque probe poniendo asi tal como dices: :( y no funciona

Responder
JMiur  

Se puede usar igual pero dependerá de la forma en que está armada esa página, cuales son los IDs que peuden usarse, etc.

Responder
EmmaX  

hola JMiur, mira yo queria hacer lo mismo que el anterior.. implementarlo en una pagina de un foro.. la pagina es php pero estructurada con html..
lo que no entiendo es lo de las IDs.. osea, en este scritp buscas el id de los comentarios, obviamente en mi pagina ese id no existe.. como podria hacer yo para que dicho script trabaje sobre todo el codigo de la pagina?

JMiur  

Tendrías que hacer lo mismo. Ver si hay una clase o id en la etiqueta que quieres cambiar dinámicamente de tal forma de poder identificarla.

Responder
SNIPERCAT  

Muchas Gracias, aunque no lo use igual como explican acá, pero me sirvió mucho de fuente para usarlo como quería :)

Responder
Dahe Ugi  

:) nice,,,,

Responder
Admin  

Wow más de 5 años este post!

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR