Pues bien gracias al genio de el Potro de Ciudad Blogger hoy les traigo los famosos emoticones que tanto hemos usado en Facebook para que los puedan usar en Blogger.
Tienen un estilo fabuloso,si no saben cuales son los emoticones aca les dejo una captura de ellos:


Para agregar estos emoticones vamos a 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://lh5.googleusercontent.com/-20cNHpka-fA/TikBlTXm_KI/AAAAAAAABkE/1orU58ycSu8/fb_sonrisa.gif" />');

// :(
cambiarLetra = cambiarLetra.replace(/:(/g,'<img src="https://lh6.googleusercontent.com/-Ngrhi8wn99E/TikBlrW-FvI/AAAAAAAABkI/P8RTNKLS51Y/fb_triste.gif" />');

// ;)
cambiarLetra = cambiarLetra.replace(/;)/g,'<img src="https://lh6.googleusercontent.com/-kkd84kPmUTw/TikBkw_9z2I/AAAAAAAABj0/WV9RQds939U/fb_guino.gif" />');

// :P
cambiarLetra = cambiarLetra.replace(/:P/g,'<img src="https://lh4.googleusercontent.com/-P9hko0sZZVY/TikBk4BH0xI/AAAAAAAABj4/o5aVYyp1wgU/fb_lengua.gif" />');
cambiarLetra = cambiarLetra.replace(/:p/g,'<img src="https://lh4.googleusercontent.com/-P9hko0sZZVY/TikBk4BH0xI/AAAAAAAABj4/o5aVYyp1wgU/fb_lengua.gif" />');

// :D
cambiarLetra = cambiarLetra.replace(/:D/g,'<img src="https://lh5.googleusercontent.com/-r4q9ruMcMzM/TikBkhvFEgI/AAAAAAAABjw/r3VC-agWwu8/fb_feliz.png" />');
cambiarLetra = cambiarLetra.replace(/:d/g,'<img src="https://lh5.googleusercontent.com/-r4q9ruMcMzM/TikBkhvFEgI/AAAAAAAABjw/r3VC-agWwu8/fb_feliz.png" />');

// XD
cambiarLetra = cambiarLetra.replace(/XD/g,'<img src="https://lh5.googleusercontent.com/-c_OC_4PKFA8/TikBl3rowvI/AAAAAAAABkM/gJQ-HpMUnQk/fb_XD.gif" />');

// :S
cambiarLetra = cambiarLetra.replace(/:S/g,'<img src="https://lh6.googleusercontent.com/-AVOvM9rn4J8/TikBkhVSwLI/AAAAAAAABjo/nJSmAIyp_2k/fb_duh.gif" />');
cambiarLetra = cambiarLetra.replace(/:s/g,'<img src="https://lh6.googleusercontent.com/-AVOvM9rn4J8/TikBkhVSwLI/AAAAAAAABjo/nJSmAIyp_2k/fb_duh.gif" />');

// X(
cambiarLetra = cambiarLetra.replace(/X(/g,'<img src="https://lh5.googleusercontent.com/-4UuPzxsrXK4/TikBlXlKttI/AAAAAAAABkQ/q80e-j7wW88/fb_molesto.gif" />');

// :'(
cambiarLetra = cambiarLetra.replace(/:'(/g,'<img src="https://lh5.googleusercontent.com/-XN7rGa_1A2k/TikBlPKbVoI/AAAAAAAABj8/Xf3enr9F1Go/fb_llorando.gif" />');

// 8)
cambiarLetra = cambiarLetra.replace(/8)/g,'<img src="https://lh3.googleusercontent.com/-DX-1dhWNd3c/TikBk3WWMTI/AAAAAAAABkA/SVdLGSpluJ0/fb_gafas-sol.gif" />');

// :O
cambiarLetra = cambiarLetra.replace(/:O/g,'<img src="https://lh3.googleusercontent.com/-QvPqYhMjpRA/TikBkFKJQ3I/AAAAAAAABjk/UpLTAo4iB8w/fb_asombrado.gif" />');
cambiarLetra = cambiarLetra.replace(/:o/g,'<img src="https://lh3.googleusercontent.com/-QvPqYhMjpRA/TikBkFKJQ3I/AAAAAAAABjk/UpLTAo4iB8w/fb_asombrado.gif" />');

// :*
cambiarLetra = cambiarLetra.replace(/:*/g,'<img src="https://lh5.googleusercontent.com/-nSRdDIsdgvo/TikBkMR3LNI/AAAAAAAABjc/6TgLJFw8dVE/fb_beso.gif" />');

// :A
cambiarLetra = cambiarLetra.replace(/:A/g,'<img src="https://lh4.googleusercontent.com/-_tmsynPKz0Y/TikBkHEK7hI/AAAAAAAABjs/9ovP65vuRbw/fb_angel.gif" />');
cambiarLetra = cambiarLetra.replace(/:a/g,'<img src="https://lh4.googleusercontent.com/-_tmsynPKz0Y/TikBkHEK7hI/AAAAAAAABjs/9ovP65vuRbw/fb_angel.gif" />');

// 3:
cambiarLetra = cambiarLetra.replace(/3:/g,'<img src="https://lh3.googleusercontent.com/-IYQvsMUfT_M/TikBkT9sDCI/AAAAAAAABjg/q9fQtjh9ZOY/fb_diablo.gif" />');

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

Ahora busca lo siguiente:

<p>
<data:comment.body/>
</p>

Elimina lo anterior y en su lugar pon lo siguiente:

<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'/>

Posiblemente encuentre dos veces la linea anterior asi que agrega debajo de la segunda lo siguiente:

<img border='0' src='https://lh5.googleusercontent.com/-UQcOiZ_Q2oc/TikBe74M1jI/AAAAAAAABjY/t-zm-AQjY1w/emoticons.png'/>

Por ultimo guardas los cambios.


24 commentarios

Michel Abraham Ramos Soto · julio 23, 2011 a las 5:49 pm

muy buno

Juvinao · julio 23, 2011 a las 9:07 pm

@Michel Abraham Ramos Soto Gracias por comentar,Saludos 🙂

Michel Abraham Ramos Soto · julio 23, 2011 a las 10:40 pm

oie bro no me ayudas siguiendome en mi blog? porfas? 😉 me ayudarias mucho! porfas :);) porfas yo le dire a muchos amigos mios de tu blog 😉

Twitter_legacy · julio 24, 2011 a las 4:06 am

deberias usarlos! consideralo che

Michel Abraham Ramos Soto · julio 24, 2011 a las 1:09 pm

oie amigo cmabie mucho mi blog!!! yeah!!! des´pues del otro comentario que me pusiste de la categorias y eqtiquertas gracis!!!!!!!! x(x(x(x(x(

Michel Abraham Ramos Soto · julio 24, 2011 a las 1:09 pm

uu me equivoque de emoticon

Juvinao · julio 24, 2011 a las 2:04 pm

@Michel Abraham Ramos Soto Pues que bien que hayas mejorado tu blog y por supuesto que lo puedo seguir 🙂

Juvinao · julio 24, 2011 a las 2:05 pm

@Twitter_legacy La verdad pense en usarlos pero ya uso los de Yahoo y despues me quedan los comentarios muy enredados =))

Michel Abraham Ramos Soto · julio 25, 2011 a las 6:57 pm

wow me encannta como lo hcisite, wow q gran blog!!!

Juvinao · julio 26, 2011 a las 7:22 pm

@Michel Abraham Ramos Soto Gracias por comentar 😉

Carlos Valle · julio 26, 2011 a las 9:29 pm

Juviano…. intento insertar los emoticones que tienes arriba y no lo logro, pincho sobre ellos y no se insertan… que puede pasar?

Juvinao · julio 27, 2011 a las 3:57 pm

@Carlos Valle Estos emoticones no funcionan asi,si ves la imagen de los emoticones,al lado de cada carita aparece el codigo del emoticon asi que ese codigo es el que debes escribir tu mismo para que aparezca el emoticon ;))

ladeko · julio 27, 2011 a las 6:53 pm

?))

ladeko · julio 27, 2011 a las 6:53 pm

=))

Juvinao · julio 27, 2011 a las 8:07 pm

@ladeko Gracias por comentar =))

Carlos Valle · julio 27, 2011 a las 10:53 pm

ok ;))

Juvinao · julio 28, 2011 a las 3:25 pm

@Carlos Valle =))

Trukos y Datos · julio 29, 2011 a las 10:25 pm

Unos codigos no me aparecen en mi plantilla y no pude realizar esto 🙁

Juvinao · julio 30, 2011 a las 9:05 pm

@Trukos y Datos Cambia la plantilla y hay si puedes agregar los emoticones 😉

Anonymous · agosto 17, 2011 a las 8:13 pm

Eeeeyy No Se Tee Entiiendeee =))

Anonymous · septiembre 1, 2011 a las 12:19 am

Hola aparte de emoticones de facebook y taringa.. tienes otro truco con emoticones que no sean de los 2 dichos anteriormente? gracias..

Juvinao · septiembre 1, 2011 a las 12:48 am

Anonimo mira justo aca tengo una entrada de emoticones de Skype para Blogger,usalos y me dices si te gustan..

http://miltrucosblogger.blogspot.com/2011/05/emoticones-de-skype-para-blogger.html

Alexander Guerra Padilla · enero 3, 2013 a las 8:42 am

Ya ise de todo y no me funciona!, Hayder Juvinao una ayudadita este es mi blogger: http://sofware-premium.blogspot.com/

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *