Mil Trucos Blogger

Emoticones de Facebook para Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

24 Comentarios

  1. julio 23, 2011    

    muy buno

  2. julio 23, 2011    

    @Michel Abraham Ramos Soto Gracias por comentar,Saludos 🙂

  3. julio 23, 2011    

    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 😉

  4. julio 24, 2011    

    deberias usarlos! consideralo che

  5. julio 24, 2011    

    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(

  6. julio 24, 2011    

    uu me equivoque de emoticon

  7. julio 24, 2011    

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

  8. julio 24, 2011    

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

  9. julio 25, 2011    

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

  10. julio 26, 2011    

    @Michel Abraham Ramos Soto Gracias por comentar 😉

  11. julio 26, 2011    

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

  12. julio 27, 2011    

    @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 ;))

  13. julio 27, 2011    

    ?))

  14. julio 27, 2011    

    =))

  15. julio 27, 2011    

    @ladeko Gracias por comentar =))

  16. julio 27, 2011    

    ok ;))

  17. julio 28, 2011    
  18. julio 29, 2011    

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

  19. julio 30, 2011    

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

  20. Anonymous Anonymous
    agosto 17, 2011    

    Eeeeyy No Se Tee Entiiendeee =))

  21. Anonymous Anonymous
    septiembre 1, 2011    

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

  22. septiembre 1, 2011    

    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

  23. enero 3, 2013    

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

    • enero 4, 2013    

      Es que estos emoticones no son para los comentarios anidados 🙁

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo