Text Online Header vers 2

Click here to see live preview!

      Bagaimana? Kalian udah liat previewnya? Kalau tertarik, ayo ikuti step ini!

Template Designer : Paste di Html/Javascript.
Blogskins :  Paste di bawah </style>

Code :

<style>
#tittle2 {text-align: center;margin-top:20px;font: normal 60px "porkys";}
@font-face{font-family:porkys;src:url('http://static.tumblr.com/eq1rpir/H0Dm519mi/porkys_.ttf')}
</style>
<center>
<script type="text/javascript">
var speed=100;
var glow=4;
var raincol=new Array("#ff0000", "#ff9900", "#ffff00", "#99ff00", "#00ff00", "#00ff99", "#00ffff", "#0099ff", "#0000ff", "#9900ff", "#ff00ff", "#ff0099");
var rainbow, raintxt, raincnt=0;
window.onload=function() { if (document.getElementById) {
  var i, rainbeau;
  rainbow=document.getElementById("rainbow");
  raintxt=rainbow.firstChild.nodeValue;
  while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  for (i=0; i<raintxt.length; i++) {
    rainbeau=document.createElement("span");
    rainbeau.setAttribute("id", "rain"+i);
    rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
    rainbow.appendChild(rainbeau);
  }
  rainbow=setInterval ("raining()", speed);
}}

function raining() {
  var i, c;
  for (i=0; i<raintxt.length; i++) {
    c=raincol[(i+raincnt)%raincol.length];
    document.getElementById("rain"+i).style.color=c;
 if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  }
  raincnt++;
}
// ]]>
</script>
<div id="tittle2">
<span id="rainbow">THIS IS AN EXAMPLE</span></div>
</center>

Ubah kode yang berwarna biru dengan tulisan sesukamu.

cr. code : Afiqah Junizan

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest