Featured Post (TOP)

26 Juli 2009

Membuat Teks Berjalan Di Navbar Atas Part 2



pada kesempatan kali ini aku akan membahas tentang Membuat Teks Berjalan Di Navbar Atas. yah....! itukan udah dibahas sebelumnya...? eitssss, tapi tungu dulu kali ini yang Part 2 nya. kalau kalian masih penasaran, aku akan jelaskan:

Kalau kalian mengunjungi blogku pasti pada Navbar atas akan ada tulisan "WELLCOME TO RASSIV's BLOG", nah seperti itulah Teks Berjalan Di Navbar Atas Part 2 yang akan ku bahas. Menurutku trik ini agak sedikit unik karna Teks akan berjalan huruf demi huruf... gimana tertarik ? ok ikuti langkah berikut ini :

1. Log in ke Blogger -> Tata Letak -> Elemen Halaman -> Tambah Gadget
2. Copykan Kode di bawah ini pada kotak yang tersedia :


<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = "WELLCOME TO RASSIV's BLOG";
tb8_messages[1] = "PLEASE SEND YOUR COMMENT";
tb8_messages[2] = "THANK YOU FOR VISITED";
tb8_messages[3] = "GOOD LUCK";
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>


lalu simpan deh.... dan lihat hasilnya !


Catatan :

* Ganti teks berwarna biru dengan kata-kata yang kamu suka
* Teks berwarna merah adalah kecepatan berjalannya teks ( ganti sesukamu )
*
Teks berwarna Ungu adalah Delay berjalanya teks ( ganti sesukamu)

 

Subscribe to our Newsletter

Contact our Support

Email us: Support@templateism.com

Our Team Memebers