Rabu, 18 Januari 2012

Membuat Teks Berjalan Di Tab Dan Navbar Atas

Lihat tanda panah pada gambar di atas,sebenarnya kalau di bilang berjalan sepertinya kurang tepat,karena teks ini muncul satu persatu sehingga membentuk sebuah kalimat atau pesan yang bisa anda kreasikan sendiri. Bagi yang sudah lama mengenal blog pasti tahu apa dan bagaimana tampilannya. Perhatikan kode script di bawah ini :


<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(3);
tb8_messages[0] = "kalimat pertama";
tb8_messages[1] = "kalimat kedua";
tb8_messages[2] = "kalimat ketiga";

tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 50;
tb8_delay = 1000;
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()
//edit by http://www.kolom-pengetahuan.com
</script>

Keterangan :
  • makeArray(3) adalah jumlah banyaknya baris teks yang di tampilkan, seperti contoh di atas akan menampilkan tiga baris yaitu dari teks di tb8_messages[0] sampai dengan tb8_messages[2] (0,1,2 = 3) dan bisa ditambahkan sendiri sesuai dengan keinginan
  • tb8_rptNbr = 5 adalah nilai pengulangan tampilan teks , secepat apa teks itu tampil dari teks satu dengan teks berikutnya dapat anda atur dengan merubah angkanya
  • tb8_speed = 50 adalah kecepatan dalam menampilkan teks, anda juga dapat mengaturnya
  • tb8_delay = 1000 adalah waktu tunda, jadi kalau semua teks sudah di tampilkan semua maka akan kembali menampilkan dari awal lagi

Cara pasangnya :
  • Masuk menu Dashboard blogger
  • Pilih Tata Letak
  • Pilih Tambah Gadget Html/Javascript
  • Copy kode di atas dan pastekan kedalamnya
  • Jika sudah simpan,dan lihat hasilnya
    sumber

Tidak ada komentar:

Posting Komentar