Efecto muy kawaii tus textos! >Tutoriales

Hola^^ aca con mi primer tuto para blog ^^ se trata de como poner un efecto muy kawaii para tu texto aca previa:  

para ver mejor el efecto 

Click aca (te llevara a mi blog de pruebas en donde esta el efecto). para ponerlo vamos a: blogger diseño > edicion html  ahora busca la etiqueta   </head> que esta asi en verde ok? y ponemos debajo de la etiqueta pegamos el siguiente codigo: 

<script type="text/javascript">

// <![CDATA[

var bgcolour="#ffffff"; // background colour

var fgcolour="#6600cc"; // foreground colour

var speed=80; // speed of bubbling, lower is faster

var shades=12; // number of shades of bubble

/****************************

*    Bubbling Text Effect   *

*(c)2003-13 mf2fm web-design*

*  http://www.mf2fm.com/rv  *

* DON'T EDIT BELOW THIS BOX *

****************************/

var bubbcol=new Array();

var bubbshd;

var bubbler, bubbtxt;

var bubbchr=new Array();

function addLoadEvent(funky) {

  var oldonload=window.onload;

  if (typeof(oldonload)!='function') window.onload=funky;

  else window.onload=function() {

    if (oldonload) oldonload();

    funky();

  }

}

addLoadEvent(bubbagump);

function bubbagump() { if (document.getElementById) {

  var i, fg, bg, col;

  for (bubbler=0; bubbler<=shades; bubbler++) {

    col="#";

    for (i=1; i<6; i+=2) {

      bg=parseInt(bgcolour.substring(i,i+2),16);

 fg=parseInt(fgcolour.substring(i,i+2),16);

      col+=dechex(bg+(fg-bg)*(bubbler/shades));

    }

    bubbcol[bubbler+1]=col;

if (bubbler==Math.floor(shades/2)) bubbshd=col;

  }

  bubbler=document.getElementById("bubble");

  bubbtxt=bubbler.firstChild.nodeValue;

  while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);

  for (i=0; i<bubbtxt.length; i++) {

    fg=document.createElement("span");

    fg.setAttribute("id", "bubb"+i);

fg.style.textShadow=bubbshd+" 0px 0px 2px";

    fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));

    bubbler.appendChild(fg);

  }

  bubbler=setInterval("bubbling()", speed);

}}

function dechex(dec) {

  dec=Math.floor(dec);

  return ((dec<16)?'0':'')+dec.toString(16);

}

function bubbling() {

  var i, bubby;

  for (i=0; i<bubbtxt.length; i++) {

    bubby=document.getElementById("bubb"+i);

    if (bubbchr[i]) {

      bubby.style.color=bubbcol[bubbchr[i]];

      bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;

    }

    else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;

  }

}

// ]]>

</script> 

Imagen guia:

 ahora para ponerlo en la entrada ponemos el siguiente codigo <span id="bubble">aca tu texto</span>  cambiamos aca tu texto por su texto si quieren escribir toda la entrada la escribimos ahi :) pero no en la pestaña redactar, ponemos el codigo en la pestaña html ok? ok espero que les sirva :) este tutorial es mio asi que si lo posteas por ahí♥ dame creditos porfavor y las imagenes tambien son mias,el efecto no lo hice yo es de http://www.mf2fm.com/ asi que creditos a esa pagina :)