Shortcodes para los emoticones de CP en las entradas de tu blog

Talves hayan notado que en el último post que hice, aparecieron los emoticones de CP en lugar de los emoticones normales de WordPress, pues la verdad es que es algo sencillo de hacer y no requiere de mucho conocimiento de HTML, simplemente se siguen los siguientes pasos:

a) Empezar su post (obviamente)

b) Una vez que llegues a la parte donde quieres que vaya tu emoticón, simplemente da click en “Texto” (En las opciones de WordPress), o en “HTML” (En las opciones de Blogger), como muestra la imagen:

T0rtu

Y pega cualquiera de los siguientes códigos (Cada código tiene su respectivo emoticón al lado para que los identifiques):

<img src=’http://i.imgur.com/0CJs7Zy.png&#8217; smile1
<img src=’http://i.imgur.com/D2taFjI.png&#8217; lightbulb
<img src=’http://i.imgur.com/6hBoZLM.png&#8217; penguin1
<img src=’http://i.imgur.com/o9qQ5nv.png&#8217; meat
<img src=’http://i.imgur.com/odf5S7c.png&#8217; trebol
<img src=’http://i.imgur.com/odf5S7c.png&#8217; trevol
<img src=’http://i.imgur.com/Kb2W2KC.png&#8217; surprised
<img src=’http://i.imgur.com/ta1OUxe.png&#8217; angry
<img src=’http://i.imgur.com/FONPzHt.png&#8217; game
<img src=’http://i.imgur.com/4OeviJD.png&#8217; bah
<img src=’http://i.imgur.com/UK5yTZN.png&#8217; xD
<img src=’http://i.imgur.com/23ia7nP.png&#8217; ay, que pereza seguir poniendo alts :v
<img src=’http://i.imgur.com/A1isNoh.png&#8217;
<img src=’http://i.imgur.com/UK5yTZN.png&#8217;
<img src=’http://i.imgur.com/3nuPjs5.png&#8217;
<img src=’http://i.imgur.com/NKGgC3t.png&#8217;
<img src=’http://i.imgur.com/hssHJee.png&#8217;
<img src=’http://i.imgur.com/Vl6cZ6Z.png&#8217;
<img src=’http://i.imgur.com/2e2uyOC.png&#8217;
<img src=’http://i.imgur.com/dD3AC6I.png&#8217;
<img src=’http://i.imgur.com/FONPzHt.png&#8217;
<img src=’http://i.imgur.com/UNxqQVJ.png&#8217;
<img src=’http://i.imgur.com/GqpMvaU.png&#8217;
<img src=’http://i.imgur.com/o91GKCD.png&#8217;
<img src=’http://i.imgur.com/0CJs7Zy.png&#8217;
<img src=’http://i.imgur.com/jr2RRGK.png&#8217;
<img src=’http://i.imgur.com/BnrwfJU.png&#8217;
<img src=’http://i.imgur.com/i8QLM30.png&#8217;
<img src=’http://i.imgur.com/TwlSGia.png&#8217;
<img src=’http://i.imgur.com/Vl6cZ6Z.png&#8217;
<img src=’http://i.imgur.com/svok6Hj.png&#8217;
<img src=’http://i.imgur.com/rnrrhOA.png&#8217;

Tras haber añadido el código (o códigos), simplemente vuelve a la edición normal, dando click en donde muestra la imagen:

T0rtu

Y sigue con tu trabajo, espero haber sido de ayuda!

Tortu Fuera!

Anuncios

Publicado el 27,marzo 2015 en Diseños, Recursos, Tutoriales y etiquetado en , , . Guarda el enlace permanente. Deja un comentario.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: