Animated Title Bar  | Joomla Tutorial

Blog that provides Joomla Tutorials, Site Info, And Directory Joomla Add-Ons

Animated Title Bar

April 23rd, 2009 Bambangxp 0 Comments

Animated Title Bar itu fungsinya untuk menampilkan selogan atau mempercantik web temen-temen dengan cara menambah scrip di dalam <head></head>
Seperti ini caranya :
Tetapi sebelum memulai tutorial joomlanya temen0temen silahkan lihat demonya dulu yah

DEMO

  1. Login sebagai administrator
  2. Setelah terbuka
  3. Klik Site –> Template Manager –> Site Templates
  4. Setelah itu klik icon kanan atas edite html
  5. Setelah terbuka index.php nya sekarang cari kode <head>
  6. Dan copy kode di bawah  ini di bawah kode <head>

<script type=”text/javascript”>
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = “Isi Slogan Anda“;
tb8_messages[1] = “Isi Slogan Anda“;
tb8_messages[2] = “Isi Slogan Anda“;
tb8_messages[3] = “Isi Slogan Anda“;
tb8_rptType = ‘infinite’;
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst =””;
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst=””;tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == ‘finite’) && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout(”tb8_pisi()”, tb8_sp);
}
tb8_pisi()
</script>

Keterangan :
Edit kata yang bertuliskan BIRU dengan SLOGAN Anda kemudian Copy Paste Code tersebut

7. Dan save,selamat mencoba yah !!

Tutorial Joomla
 

Share This Article

Stumble This Article
Digg this Article
Bookmark on Delicious

Sign up Free Email Newsletter

Stay Updates with this Blog. Get Free email newsletter updates, Enter your Email here:

Don't forget to confirm your email subcription

 
W3 Directory - the World Wide Web Directory

Copyright © 2011 - Joomla Tutorial | Download And Submit Templates

Bloggers - Meet Millions of Bloggers