Salsa's Tutobies Blog: Text Online Header vers 3

Monday, 5 May 2014

Text Online Header vers 3

Langsung aja yuk ke stepnya^_~
Template Designer : Paste di Html/Javascript.
Blogskins : Paste di bawah </style>.

<style>
@font-face{font-family:LtChickenhawk;src:url('http://static.tumblr.com/eq1rpir/atnm52s1n/lt_chickenhawk.ttf')}
</style>
<center>
<script type="text/javascript">
var speed=100;
var height=3;
var wobtxt, wobble, wobcnt=0;
window.onload=function() { if (document.getElementById) {
var i, wobli;
wobble=document.getElementById("wobble");
wobtxt=wobble.firstChild.nodeValue;
while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
for (i=0; i<wobtxt.length; i++) {
wobli=document.createElement("span");
wobli.setAttribute("id", "wobb"+i);
wobli.style.position="relative";
wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
wobble.appendChild(wobli);
}
setInterval("wobbler()", speed);
}}

function wobbler() {
for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
wobcnt++;
}
// ]]>
</script>
<div id="wobble" style="color: #ff75a3; font-family: LtChickenhawk; font-size: 60px;">
THIS IS AN EXAMPLE</div>
</center>