Añadir emoticonos de Yahoo a Blogger
Ahora podemos usar los emoticonos de Yahoo en nuestro blog (entradas y comentarios) sin demasiadas complicaciones.
[1] Nos descargamos este script para una vez guardado en nuestro PC, subirlo a un alojamiento apropiado.
[2] Una vez obtenida la url del script, lo colocamos en nuestra plantilla desde "Edición HTML", justo antes de </body> de este modo:
<script src='Url_del_script_aqui' type='text/javascript'></script>[3] Si estamos usando el nuevo formulario de comentarios de Blogger, podemos añadir los emoticonos sobre el, y así informar a nuestras visitas de los símbolos que han de usar para mostrar los emoticonos en los comentarios.
Vamos de nuevo a la pestaña de "Edición HTML" de nuestro panel y marcamos "Expandir las plantillas de artilugios". Localizamos este código:
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>
Sustituimos ese código por este otro:<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='width: 383px; text-align: left; border: 1px solid #cdc9c9;margin:0px auto; padding: 5px; background: #eee9e9; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/>:))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/>w-)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif' width='26'/>:-j
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/>:D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/>;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/>:p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/>:_(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/>:)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/>:(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/>:X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/>=((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/>:-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/>:-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/>:|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/>:-T
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/>:]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/>x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif' width='30'/>o%
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/>b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/>:-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/>@X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif' width='18'/>:-?
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif' width='28'/>:-h
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif' width='21'/>I-)
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
Aquí podéis ver un ejemplo de los emoticones funcionando.
a las
Etiquetas:
Emoticonos,
Trucos imagenes
Vitua Radio
Foro SpamLoco
Seguir el Escaparate
256 comentarios:
«El más antiguo ‹Más antiguo Total comentarios: 201 – 256 de 256 Más reciente› El más reciente»
-
-
-
4/10/09
-
-
-
9/10/09
-
-
-
19/10/09
-
-
-
20/10/09
-
-
-
21/10/09
-
-
-
22/10/09
-
-
-
22/10/09
-
-
-
22/10/09
-
-
-
22/10/09
-
-
-
22/10/09
-
-
-
22/10/09
-
-
-
22/10/09
-
-
-
22/10/09
-
-
-
24/10/09
-
-
-
3/12/09
-
-
-
5/12/09
-
-
-
12/12/09
-
-
-
12/12/09
-
-
-
5/1/10
-
-
-
25/1/10
-
-
-
25/1/10
-
-
-
27/1/10
-
-
-
28/1/10
-
-
-
28/1/10
-
-
-
28/1/10
-
-
-
29/1/10
-
-
-
7/2/10
-
-
-
8/2/10
-
-
-
8/2/10
-
-
-
8/2/10
-
-
-
9/2/10
-
-
-
9/2/10
-
-
-
3/3/10
-
-
-
4/3/10
-
-
-
13/3/10
-
-
-
13/3/10
-
-
-
13/3/10
-
-
-
18/3/10
-
-
-
18/3/10
-
-
-
18/3/10
-
-
-
2/4/10
-
-
-
3/4/10
-
-
-
3/4/10
-
-
-
3/4/10
-
-
-
3/4/10
-
-
-
7/4/10
-
-
-
8/4/10
-
-
-
30/4/10
-
-
-
30/4/10
-
-
-
7/6/10
-
-
-
12/6/10
-
-
-
13/6/10
-
-
-
31/8/10
-
-
-
16/9/10
-
-
-
16/9/10
-
-
-
17/9/10
«El más antiguo ‹Más antiguo Total comentarios: 201 – 256 de 256 Más reciente› El más reciente»muy bien
Este si funciona me puse este en mi blog y ven los resultados http://librerianazareth.blogspot.com/2008/08/marcela-gandara-mas-que-un-anhelo.html ;)
Gracias Rosa por esta entrada.
Disculpa Rosa por mi aucencia jiji es que ahora voy donde mi primo a internet :P
---
muchas gracias.. ya aplique lo que me dijiste
acerca de las fechas jiji :)
cual seria el paso a seguir ahora?
Saludos!
Kimberly Ordenes Pues ahora tendrás que colocar justo a continuación de la fecha (el código que te dije antes que cambiases para tener la fecha en todas) el código de comentarios.
Localiza el código del enlace de comentarios, lo copias, borras el original y mueves el que has copiado a después del código de la fecha.
Este es el código del enlace de comentarios que has de mover:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
Nuevamente muchas gracias ROSA
bueno creo que segui bien tus pasos o no?
jiji.. solo falta poner el enlace de comentarios al lado derecho jiji
ej: 20/10/09 - Comentarios: 0
Saludos! muchas gracias nuevamente
Kimberly Ordenes Algo está mal... el comentarios sigue debajo de cada entrada y además está arriba de todo de las entradas...en la segunda ni siquiera se ve sobre la fecha...
Puxa.. lastima que podra ser lo que debe estar mal.. aver empezemos del principio
CITO A LO QUE ME DIJISTE :P :
pues ahora tendrás que colocar justo a continuación de la fecha (el código que te dije antes que cambiases para tener la fecha en todas)
-a que codigo te refieras jiji? (si es que es posible que me lo dijieras)
Kimberly Ordenes Comentario número 200 de esta entrada,ahí te indiqué como poner fecha a todas las entradas, ese código el de la fecha es el que digo...
ia lo localize jiji que debo poner a continuacion? de ese codigo :)
Kimberly Ordenes Sencillamente lo que te dije en el comentario anterior (4) de esta página.
Perdona pero si te soy sincera, he de decirte que no tengo el tiempo de sobra como para ir contigo paso a paso... trata de concentrarte en lo que estás haciendo por favor, yo puedo orientarte, pero lo demás es cosa tuya.
Muchas Gracias Rosa jiji disculpa si que te cause un problema..
ia ahora por fin logre lo que me dijiste en el comentario (4)
que seria ahora?
Saludos! ^^ y Gracias :)
Kimberly Si te llegó un mail con el comment anterior olvídalo...había un error.
Tienes que tener algo así donde has puesto los dos códigos seguidos:
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script></h2>
</b:if>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
Tendrás que cambiarlo por esto o re-colocarlo guiándote por este código:
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/>- <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script></h2>
</b:if>
ya lo aplique.. nuevamente gracias
lo raro es que se ve en una entrada no mas :S
Saludos ^^!
Kimberly Si, se me pasó... en la última parte del código se repite la fecha de nuevo:
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script></h2>
Tienes que volver a meter el código de los comentarios ahí antes del </h2>
Excelente... ya lo puse en mi blog y funciono!!! Gracias de nuevo :D
Excelente... Rosa esto si que funciona ahora tengo una nueva funcion en mi blog, Gracias por tu ayuda
good Bless
yo uso y nuevo formulario y no se como subir el script que hago?
gracias
Fackss Pues aprender a hacerlo... usa el buscador o las etiquetas y encontrarás como hacerlo.
Muchas gracias rosa por compartir;)
Hola rosa. eh alojado el scrip todo en en google site.. pero no me aparece el codigo para dejarle saber a mis usuarios que pueden usar emoticonos. no encuentro el codigo esta es mi plantilla de prueba http://prueba2056.blogspot.com
LinternaVerde Usas en ella el formulario de Blogger tal como aquí, o sea... el código tiene que estar, ya que es el código que hace que se muestre el formulario... ¿lo buscas con los artilugios expandidos?...si no es así no lo verás...
Lo eh buscado de toda menera rosa y no consigo dar con ese codigo.. me aparece la primera linea pero la que esta debajo no son las mismas..
LinternaVerdePosiblemente la ubicación del código de tu formulario no sea exactamente debajo de post-footer... olvídate de la primera línea y localiza lo demás.
la segunda linea aparece en tres lugares pero, la segunda que me aparece no tiene la misma 3 linea debajo..?
LinternaVerdeEl código para el formulario donde debes colocarlo es el que esté más cerca de <p class='comment-footer'>
Si no hazte un blog de pruebas para hacerlo antes allí, ya que no es posible verlo en vista previa... o colócalo y si no es ahí eliminalo y vuelve a probar... el código a colocar es fácil de reconocer para volver a quitarlo sino está en el lugar correcto.
te mande un correo con los cogidos por que aqui no se puede
Rosa
Todo funciona perfectamente, tengo todo en orden pero no se ven los emoticones en comentarios dejados por mis usuarios ni por mi;
es decir, en los post si funcionan, pero en el cuadro de comentario no.
Sabes que podrías ser?
Gracias :)
Felipe La verdad es que ni idea :o Si se ven en las entradas deberían verse en los comments, así ha sido en todas mis pruebas...
Si... así debería ser, pero bueno, a lo mejor será algúna cosita de la plantilla.
Podrías entonces recomendarme cual de tus otros post sobre los emoticones podría probar?
[Intenté algo de Vagabundia pero jeje :) no entiendo mucho al señor Twiterboy]
Saludos
Felipe Casi que el más seguro que funcione es el que uso yo...
Envíame un mail y te lo explico... aún no lo publiqué.
Hola de nuevo Rosa
No sabes lo mucho que aprecio tu colaboración.
Pues creo que tu idea sería bastante útil.
Pero fijate!
Lo he logrado.!
Nuestro querido amigo JMiur me dio una excelente explicación, y era que en mi plantilla había un cógigo así:
<span id='comments'/>
<div id='comments'>
Entonces borrando ese id del span, que no cumplía ningúna función, todo entró a funcionar perfectamente.
Ya hize las pruebas con tu código y con el de JMiur en Vagabundia y funcionan de mil maravillas.
:) Muchas gracias por tu colaboración, y por fin, mi querido blog, creo que queda a la Vanguardia en truquitos. Jajaja :)
Puedes echarle un ojito:
http://pasaralanacho.blogspot.com
Todo bien.! :)
Como siempre, un saludo desde Bogotá, Colombia. ;)
Felipe ¡Perfecto!:D
Y como coloco los emoticonos que tu, el blacon de jaime, y muchos otros blogs tienen??
Un saludo Rosa y pasame la entrada en donde se explica eso ;)
Ascesino96 La encuentras en Vagabundia.
muchas gracias por esta entrada rosa
te comento algo raro que paso
resulta que quize por primera opcion poner
los emoticonos que estas usando tu pero no me funcionaron :( entoces borre el codigo que habia puesto y me puse a hacer este de yahoo que muestras aqui
y resulta que en las entradas anteriores en los comentarios que habia puesto a ver si funcionaban los emos ahora si se veian :s mira te muestro una imagen
http://img24.imageshack.us/img24/9339/miraf.jpg
weno de cualquier manera funcionan ahora te agradesco la entrada :)
gerardoHe estado en tu blog: http://jasadim.blogspot.com/ y yo solo veo los de Yahoo...
muchas gracias rosa por todo el tiempo que te tomas para hacer este tipo de entradas
y responder a las preguntas :)
en cuanto tenga un poquito mas de visitas te prometo que ponder un enlace tuyo en jasadim
para que la gente nueva como yo en esto de los blogs encuentre este tipo de fantastica ayuda
saludos y que tengas un buen dia ;)
Rosita hice todo bien y no me funciona tipeo el codigo para la carita :)) y no sale nada publico el comentario y me salen los simbolos mas no el emoticon ¿que esta mal?
Aqui si funcionan pero en mi pagina no... solo salen los simbolos y ya tengo alojado el script y añadidos en la plantilla los codigos y no me funciona mi pagina es: http://www.filosofiaintegracion.com
Filosofía Integración Revisa si el enlace al script está correcto... y si tu pagina de Google Sites es pública... o no funcionará...
Hola Rosa, me gustaria a�adir los emoticonos solo a las entradas ya que no tengo el nuevo formulario de comentarios de blogger. Pero tampoco encuentro el c�digo tal como tu lo muestras porque en su d�a hice algunos cambios. �Podr�as decirme como y donde podr�a insertarlo? Gracias.
M@nuel Entonces solo sigue el paso [1] y [2]
Rosa, si solo sigo los pasos 1 y 2 ¿donde pongo la parte del código del paso 3 que tiene las url de los emoticonos? Gracias.
M@nuel Las url para mostrar los emoticonos están incluidas en el script... si dices que es para usar en las entradas, no tendrás problema... solo sustituir los símbolos para que se muestren... esa otra parte del código es para añadir una imagen sobre el formulario y que las visitas sepan que símbolos usar...
Funcionan perfectamente. Gracias por tu paciencia Rosa.
Saludos.
¿El script debe estar en .txt o en .js?
Un saludo.
JaCoBo Funcionará de igual modo.
Hola rosa, como estas? uno siempre con este tipo de preguntas.... veras, hace algun tiempo en mi blog funcionaban bien estos emoticons, pero ahora no, no se porque sera pero ya no se ven con nada.... me darias una mano?
_CarlitoX_ Cuando tengas más de un blog en el perfil me dices, por favor, para cual es la consulta... me lleva demasiado tiempo andar buscando...
El único motivo que veo si es que antes funcionaban y ahora no, sería que donde has alojado el script esté fallando o se haya inutilizado la url... tendrás que volver a subirlo a otro alojamiento.
Alberto Ni más ni menos que siguiendo como dices los pasos al revés.
quisiera colocar los iconos que tienes en tu blog
CHiCken En Vagabundia lo encuentras explicado.
Muchaz GRXXX:):):):):)
Hola Rosa!
Excelente explicación, lo haces ver muy sencillo :)
Tu usas este script en tu plantilla?
que servidor de almacenamiento usas, conozco varios, que he encontrado navegando, pero no sé cual sea más confiable, cuál me puedes recomendar?
Karla No, yo utilizo uno que saqué de Vagabundia... mis archivos y demás los tengo alojados en Google Sites.
¡Hola Rosa! Esta muy buena tu web, haha, yo tambien soy de asturias...aunque supongo q no tendras los 13 años q yo tengo haha, voy a ver si consigo hacer esto, un slaudo! ;)
Publicar un comentario
Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).
Los comentarios están siendo moderados.
Comentar con el formulario antiguo