Poner emoticons en Blogger estilo Facebook – Forex ~ Cosas Para Blogueros

AVISO

Este truco sólo funciona en el sistema antiguo de comentarios. Si usas los comentarios anidados visita esta entrada deVagabundia.

Las palabras no siempre son suficientes para expresar alguna emoción, sobre todo en el mundo cibernético donde todo tiene el sentido connotativo que cada uno le da. Es ahí cuando losemoticonos salen a nuestro rescate para poder reflejar algún estado de ánimo o gesto que a veces es más fácil expresar con una imagen.

Por esa razón muchos optan por usaremoticons en los comentarios del blog, y es eso mismo lo que haremos con esta entrada. Veremoscómo agregar emoticons en el blog estilo Facebook, es decir, con los mismos emoticons que usa Facebook en su chat y muro. Puedes verlos funcionando en esteblog de pruebas.

Estos son los emoticones que verás:

Estos emoticons (emoticones, emoticonos, smiles, o como le quieras llamar) aparecerán sólo en los comentarios, y para ello usaremos un script deVagabundia que ingeniosamente hace que los emoticons sólo se ejecuten en el cuerpo de los comentarios para no interferir con otras áreas.

Primero entra enDiseño | Edición de HTML, marca la casillaExpandir plantillas de artilugios y agrega antes de/head el siguiente script:

b:if cond='data:blog.pageType == "item"'
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS9VtUObmRr_mIEDf9K27tPn2ZiFbga4U4LAVpgkJ_fbvxROh27qwa8iTHHbquxx398RRA_QFuTw2P1kRy-7iqGpnRsi6MCabnEBLE7zNELJZBi3499ZvmQqqGrJ37dDhhdzPT_k77j8o/" /');

// :(
cambiarLetra = cambiarLetra.replace(/:\(/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyFLmlWgtvLuaratgf1DPcUDkeq1SF-ZkZZZ5yi8vGng-x9wfzPu9wgHpvxB9GAhXWmnu6PQtYRo3nYHFB5cqSq9m4OaE7kVgba-KM5iylwvU4na0_4g65NMzP15u_PEQPx0Wyn0bkOBU/" /');

// ;)
cambiarLetra = cambiarLetra.replace(/;\)/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifUN2CsEOWlZ6xG_sAKWoRQhqia1hO06_dQjIN3UZ2cBhpRRRgOLdThFwTUCGDaZTDkE-pAJZm4FdBcAqDdVxnnOa7Aurm2bdxIQV4hT_gO8JOmSVaBNVq9XWx5I8V2kA-D7IPknpXA8k/" /');

// :P
cambiarLetra = cambiarLetra.replace(/:\P/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKNjS_LozyaSn4qMCLgFBYU8IHUKpxw9xhAEgiI4sy0TGlJiX0yn1Ul-63HLZex9VZU-8fh-kDP9AL0q0Uag8jurmif1Qbl5z6DBWxmWIIuFiPuaXT4sS46S4CVdr06Uyxp4RrjJXGqTU/" /');
cambiarLetra = cambiarLetra.replace(/:\p/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKNjS_LozyaSn4qMCLgFBYU8IHUKpxw9xhAEgiI4sy0TGlJiX0yn1Ul-63HLZex9VZU-8fh-kDP9AL0q0Uag8jurmif1Qbl5z6DBWxmWIIuFiPuaXT4sS46S4CVdr06Uyxp4RrjJXGqTU/" /');

// :D
cambiarLetra = cambiarLetra.replace(/:D/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLyBVcZGCOzYLKXq_gtWfz_W6PIUeL8FeSHw9MeEsg29LvxXn6Tr04TaM3gl3_ng7YmyMeanCm7cA4kZy0seooEcY86xAIP49xX68Qc6d6ZsSGoxvNyxrTsMJjGGi_328pqcKbwUQUqkY/" /');
cambiarLetra = cambiarLetra.replace(/:d/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLyBVcZGCOzYLKXq_gtWfz_W6PIUeL8FeSHw9MeEsg29LvxXn6Tr04TaM3gl3_ng7YmyMeanCm7cA4kZy0seooEcY86xAIP49xX68Qc6d6ZsSGoxvNyxrTsMJjGGi_328pqcKbwUQUqkY/" /');

// XD
cambiarLetra = cambiarLetra.replace(/XD/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-TVd678N6FtMLxiFdRJZguM1UCSsExOSAiL9ZpeaGJYQ8mrWEbaxvGpJZhPHyxax7q6oredzI2M5AOVN8LO_2T3UooiDWZy2v9VKaICCVrqOK-myQXhOD73eceRryjt7aBUDGAJGo_g/" /');

// :S
cambiarLetra = cambiarLetra.replace(/:S/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6UmwsEhLQfrRGbIq0e7ogDJsHcB5EtnKk0VeT8k9Xefvkp66Xhtu4gmOBAv5-o7KwuoIx-H-TbVX3rjylr8-7lqfs_2LF0Ai-MZXFiTf3qq0fvl3kexQ_vcEq7ZjKg0EambCnN4yglrQ/" /');
cambiarLetra = cambiarLetra.replace(/:s/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6UmwsEhLQfrRGbIq0e7ogDJsHcB5EtnKk0VeT8k9Xefvkp66Xhtu4gmOBAv5-o7KwuoIx-H-TbVX3rjylr8-7lqfs_2LF0Ai-MZXFiTf3qq0fvl3kexQ_vcEq7ZjKg0EambCnN4yglrQ/" /');

// X(
cambiarLetra = cambiarLetra.replace(/X\(/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBU8QOf1muxuY2LE-3smsOwN8AZzgEj7GAJ1EB1AXVlRWQLIcRqCdXxK4AO_SqapszE1Inp3beTbJCGjhKK9YfVvlYd9mWfwTjG0wF3BOg2to-VkIDfV1QLHIxzIoRpK8v3f5UYfth1fg/" /');

// :'(
cambiarLetra = cambiarLetra.replace(/:'\(/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMxdXbJZ2KlFxuxo48r9UG6ISNEl0uN31QbGVQxy6BVHMxH_DirAYHEnfpY5xQSoP4bL3EoqgjuqnvTiG_izx9zBlpQXI9Jlg848NEV7k2ud7AmWORdSRegRTgNkLyEEGZzhAuR_bY48/" /');

// 8)
cambiarLetra = cambiarLetra.replace(/8\)/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_jqRog9bTBRr-ZuRcGr7I-wPKK-J08iMW6Fgwh_Xx7xNEbUGFFZuCIQ-QEk-Gca71-QXeEQ-kN88Aqbbav3nMGTZy_v1XOvKjnJ4rJsYZOg6t0J9_5icgc0S3N8hqBOC4bbjt9BZVKm4/" /');

// :O
cambiarLetra = cambiarLetra.replace(/:\O/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nHgW4DqUHMxKy6ZRXyOQRC9w05s4mH6Ln_YenmwYBkTmV8LaiA2ixXBVl3Vrtd4586MZQHqZpHu4b5FOCcHum5vfbmR4denJPH8j-v4maAJCXXzeEE0kClKyhweH3fUIwWUK1Dnwwok/" /');
cambiarLetra = cambiarLetra.replace(/:\o/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nHgW4DqUHMxKy6ZRXyOQRC9w05s4mH6Ln_YenmwYBkTmV8LaiA2ixXBVl3Vrtd4586MZQHqZpHu4b5FOCcHum5vfbmR4denJPH8j-v4maAJCXXzeEE0kClKyhweH3fUIwWUK1Dnwwok/" /');

// :*
cambiarLetra = cambiarLetra.replace(/:\*/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0QPt06Y5Co8TrglmKDQwjv6tfO9yw9zdc9MNOnUF21oFBtyNlm-xA58uKRd7heliMNi9o4md7xtzEG1DBGNoq483pWdxkCjOdWIPYHzYR-UG75y_V8K-hzZ8v5YhtPYuDzsV-Mpar40/" /');

// :A
cambiarLetra = cambiarLetra.replace(/:A/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQC_EL1u4cY8V0NVzuNnpd_PnfK4YlpoI4D1OtOn35jGwGRnlSECNepjRHcQE1l2xxDXoZZJMX0cxAP4U5uorTV90yzRLHWELuGdI7gGWAeyfdaPRdCUn6T0To2SUS4sL5poRlR0hpkI4/" /');
cambiarLetra = cambiarLetra.replace(/:a/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQC_EL1u4cY8V0NVzuNnpd_PnfK4YlpoI4D1OtOn35jGwGRnlSECNepjRHcQE1l2xxDXoZZJMX0cxAP4U5uorTV90yzRLHWELuGdI7gGWAeyfdaPRdCUn6T0To2SUS4sL5poRlR0hpkI4/" /');

// 3:
cambiarLetra = cambiarLetra.replace(/3:/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuYcf4TGuWtmZ0Jq_OGKrmfITtHNL-ZF16u0TOBey2ZA_zHNUXQfj410dRAXFlX85Cwyi4Fr4A6D0GpViiPYxCrN-M4vkpTS9hzvPDDZBYWXMN4GbjSTA5BW_QW1HJ3Y_IKJRjUKYfexY/" /');

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

Ahora busca esta parte:

p
data:comment.body/
/p

Y cámbiala por este código:

p expr:id='"combody-" + data:comment.anchorName'data:comment.body//p
script type='text/javascript'
emoticon = "combody-" + "data:comment.anchorName/";
emoticonComentario(emoticon);
/script

Luego busca esta línea:

a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/

Muy posiblemente la encontrarás dos veces, justodebajo de la segunda que encuentres agrega esto, que es la imagen que se mostrará arriba del formulario de comentarios:

img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLunr77XeK1FjWzKVLb_PwJN50XMjQGox0s8Ziw50A40Q9frLHuhxykVMZ5PavY9TIOAQVENS9U6oZd-bZER0ItDKNgas1o_sIdGc3R1C1w1V-RI0Rl6aIVJsYxlUflE8OQOeyr1P9FMw/'/

Y listo, tendrás estos emoticonos en tu blog. Estas imágenes son tomadas del mismo Facebook y tienen el contorno ligeramente marcado de blanco, por lo que se recomienda usarlo en blogs con colores claros para que no se note ese pequeño borde alrededor de ellas.
O si lo prefieres puedes cambiar los iconos por los tuyos, sólo busca las URLs de las imágenes del primer código que corresponden a cada juego de caracteres, los he señalado en color verde para que sean más fácil de encontrar.

Que los disfruten

Online Classes New social media platforms refinance with bad credit Paperport Promotional Code structure settlements Auto Accident Attorney tennessee mesothelioma lawyer Donate your Car for Money Make money online Australia MORTGAGE ADVISER Casino Cheap car insurance in Virginia Nunavut culture Mobile casino florida car insurance company mesothelioma symptoms Service business software Car Insurance in South Dakota Met Auto PHD on Counseling Education DAYTON FREIGHT LINES Online casino Live casino mesothelioma lawyer dallas Car insurance in South Dakota mesothelioma trial attorney Hire php developer boca raton personal injury attorney Casino reviews motor replacements DONATE YOUR CAR FOR MONEY structured settlement blog ONLINECLASSES Sell Annuity Payment verizon sip mesothelioma law suits mesothelioma lawyer houston Tech school Social media platforms for business structured settlements annuities primary pulmonary hypertension donate your car for money Low credit line credit cards Health Records Personal Health Record Mortgage adviser Car Insurance Companies DUI lawyer meso lawyer Hire php developers state of california car insurance Holland Michigan College CAR INSURANCE IN SOUTH DAKOTA accident car florida lawyer domain yahoo DONATE CAR FOR TAX CREDIT ROYALTY FREE IMAGES STOCK Hard drive Data Recovery Services Car Insurance Quotes Utah auto accident attorney Torrance Criminal lawyer Hire php programmers Dwi lawyer california law lemon diagnosed with mesothelioma massage school dallas texas Photo Christmas cards Asbestos Lawyers Best social media platforms for business AUTO ACCIDENT ATTORNEY LIFE INSURANCE CO LINCOLN Criminal defense lawyer small business administration sba auto insurance cost by state WordPress theme designers structured settlement quote best accident attorneys Php programmers for hire personal injury attorney torrance peritoneal mesothelioma paperport promotional code Low Credit Line Credit Cards Online Motor Insurance Quotes BEST CRIMINAL LAWYER IN ARIZONA Bankruptcy lawyer WordPress themes for designers DONATE CARS ILLINOIS Business VOIP Solutions Psychic for Free Car Insurance Quotes PA Computer science classes online Php programmers WebEx costs Cheap Car Insurance for Ladies Asbestos Lung Cancer mesothelioma lawyers san diego home phone internet bundle Seo companies DONATE YOUR CAR SACRAMENTO Car Insurance Quotes Business finance group Christmas cards hair removal washington dc Car Accident Lawyers car insurance companies Best Seo company FORENSICS ONLINE COURSE FUTURISTIC ARCHITECTURE domain name yahoo sell your structured settlement payments Custom WordPress theme designer MASSAGE SCHOOL DALLAS TEXAS washington mesothelioma attorney Seo services onlineclasses car accident lawyer san bernardino

Categories