De entre las carencias de Blogger podemos echar en falta los emoticonos. Si es tu caso, te vamos a facilitar un código que permitirá el reemplazo de distintas combinaciones de caracteres por su equivalente emoticono, de modo que ya puedas disfrutar de estas divertidas caras amarillas:
Para ello deberás de editar el código de tu web siguiendo los pasos, que son pocos, que te ofrecemos a continuación:
Dentro de la etiqueta head deberemos de poner lo siguiente:
< script type=”text/javascript”>
< !—
function replaceText() {
// no support
if(!document.getElementById) {
return;
}
bodyText = document.getElementById(“body”);
theText = bodyText.innerHTML;
// replace
theText = theText.replace(/;\)/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/wink.gif” alt=”;)” />’);
theText = theText.replace(/;-\)/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/wink.gif” alt=”;-)” />’);
theText = theText.replace(/:D/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif” alt=”:D” />’);
theText = theText.replace(/:-D/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif” alt=”:-D” />’);
theText = theText.replace(/B\)/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/cool.gif” alt=”B)” />’);
theText = theText.replace(/B-\)/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/cool.gif” alt=”B-)” />’);
theText = theText.replace(/:x/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/mad.gif” alt=”:x” />’);
theText = theText.replace(/:X/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/mad.gif” alt=”:X” />’);
theText = theText.replace(/:-x/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/mad.gif” alt=”:-x” />’);
theText = theText.replace(/:-X/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/mad.gif” alt=”:-X” />’);
theText = theText.replace(/:-\(/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/sad.gif” alt=”:-(” />’);
theText = theText.replace(/:\(/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/sad.gif” alt=”:(” />’);
theText = theText.replace(/:o/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif” alt=”:o” />’);
theText = theText.replace(/:O/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif” alt=”:O” />’);
theText = theText.replace(/:-o/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif” alt=”:-o” />’);
theText = theText.replace(/:-O/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif” alt=”:-O” />’);
theText = theText.replace(/:p/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif” alt=”:p” />’);
theText = theText.replace(/:-p/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif” alt=”:-p” />’);
theText = theText.replace(/:-P/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif” alt=”:-P” />’);
theText = theText.replace(/:P/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif” alt=”:P” />’);
theText = theText.replace(/:-\)/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/smile.gif” alt=”:-)” />’);
theText = theText.replace(/:\)/g,’< img src=”http://photos1.blogger.com/blogger/7678/802/1600/smile.gif” alt=”:)” />’);
bodyText.innerHTML = theText;
}
—>
Luego dentro de body:
< body id=”body” onload=”replaceText();”>
y ya tienes emoticonos en tu blog. Evidentemente hemos tenido que separar “<” del resto del código para poder ser visualizado en esta entrada, aunque a la hora de insertar el código, deberás de eliminar el espacio.
VÃa | 3spots
Enlace | Free Blog Templates

