Poner emoticones en los comentarios de Blogger

Como poner los emoticones en tu blog,ponerlo es muy sencillo,simplemente hay que hacer dos busquedas y poner un scripts y una tabla html con los emoticones y el simbolo a utilizar en tu plantilla sencillo verdad? en el codigo que les brindo ya esta todo no tienen que hacer ningun cambio excepto si no les gusta los emoticones pueden cambiarlos por los suyos las emoticones yo las tengo alojadas en dropbox si ustedes quieren las pueden cambiar las pueden alojar en donde ustedes quieran ,la tabla html ya esta hecha no tienen que hacerla. Estas son los emoticones que utilice:

:-) :-S :-P :-[ :-D }:-] X* ;-D :-| :-} :*) :-( ;-) XD

Primero debes ir a tu plantilla: Diseño > Edicion HTML y Expandir plantillas de artilugios una vez expandida hay que buscar    </head> Para buscar codigos en la plantilla mas rapido es presionar Ctrl+F esto despliega una pequeña ventanita donde introduces lo que quieres buscar bueno una ves encontrado el  </head> van a colocar el script siguiente justo antes .

<!-- (Script Emoticones) -->
<script type='text/javascript'>
//<![CDATA[
document.getElementsByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}

function addSmiley(){
  var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
  var d = document.getElementsByClassName(postBodyClass);
  for(var i=0;i<d.length;i++){
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos1.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos3.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos4.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos5.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos6.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos7.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos8.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos16.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos10.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos11.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
      d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos12.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
      d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos13.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
      d[i].innerHTML = d[i].innerHTML.replace(/XD/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos14.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
    }

var d = document.getElementsByClassName('comment-body');
  for(var i=0;i<d.length;i++){
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos1.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos3.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos4.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos5.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos6.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos7.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos8.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos16.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos10.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos11.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
      d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos12.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
      d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos13.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
      d[i].innerHTML = d[i].innerHTML.replace(/XD/gi, ' <img src="http://dl.dropbox.com/u/25944020/tubetrucos14.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
    }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(addSmiley);
//]]>
</script>
<!-- (Fin Script Emoticones) -->

Una ves puesto este codigo van a buscar este otro:

<p><data:blogCommentMessage/></p> Ya encontrado justo debajo van a colocar el siguiente codigo :

<!-- ini tabla emoticones --><table border='0' cellpadding='0' cellspacing='1'><tr> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos1.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos2.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos3.gif' width='20'/></td><td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos4.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos5.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos6.gif' width='20'/></td><td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos7.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos8.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos16.gif' width='20'/></td><td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos10.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos11.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos12.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos13.gif' width='20'/></td> <td align='center' width='26'><img height='21' src='http://dl.dropbox.com/u/25944020/tubetrucos14.gif' width='20'/></td></tr> <tr><td align='center' width='26'>:-)</td> <td align='center' width='26'>:-S</td> <td align='center' width='26'>:-P</td> <td align='center' width='26'>:-[</td> <td align='center' width='26'>:-D</td> <td align='center' width='26'>}:-]</td><td align='center' width='26'>X*</td> <td align='center' width='26'>;-D</td><td align='center' width='26'>:-|</td> <td align='center' width='26'>:-}</td><td align='center' width='26'>:*)</td> <td align='center' width='26'>:-(</td><td align='center' width='26'>;-)</td><td align='center' width='26'>XD</td> </tr></table><!-- fin tabla emoticones -->

Por ultímo guardamos y nos vamos a chequear que todo este bien .

Tweet

Compartir esta entrada :

Quizás también le interese:

Sí disfrutas de estas entradas solo has click aquí, o suscribete para recibir mas entradas como estas.

Subscribirse por RSS Feed

Su informacion nunca sera compartida.