Tutorial : Online Text Footer/Header II

4:51:00 PM


Assalamualaikum and hello korang. Wassup ? Iman sihat ? XD

So, yang ni pun text untuk footer or boleh gak buat untuk header. Tulisan ni akan bergerak macam cacing gitu. Hahaha

Live Prwview :


Official Fafa Kyraa

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

Template designer : 
1. Login > Dashboard > Layout > Add Gadget > Html/Javascript
2. Copy code ni then paste di Html/javascript tu. Pasti kan jangan letak tittle.

Blogskins :
1. Login > Dashboard > Template
2. Copy code di bawah ni dan 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;">
Official Fafa Kyraa</div>
</center>

3. Siap ? Save terus.

NOTA KAKI TANGAN :

ABC : Warna font korang. Boleh cari warna dekat SINI
ABC : Ayat korang.
ABC : Saiz font korang

Do request any tutos. Fafa tolong yang termampu okayy XD Good luck !


Assalamualaikum
Blog Author : Fafa Kyraa

You Might Also Like

2 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD