Cara Membuat Text Bergerak Di Tab Browser


TRIK MEMBUAT TEXT ANIMASI DI TAB BROWSER BLOG

Pengunjung Blog bisanya sangat betah di blog anda bila blog anda banyak tersedia posting ilmu-ilmu yang dibutuhkan oleh visitor ke blog anda, dan juga posting populer yang lagi hangat dibincangkan. Dan pengunjung blog juga betah bila melihat desain dan hiasan blog anda yang nyaman dipandang mata, banyak tips trik mendesain dan hiasan blog agar terlihat indah dan membuat blog menjadi lebih disukai pengunjung, seperti sebelumnya saya membuat Posting tentang Cara Buat Judul Blog Dan Posting Berjalan dan Cara Ganti Icon Logo Blog Di Adddres Bar.

Kali ini saya membahas tentang Cara Membuat Text Bergerak Di Tab Browser. Pembahasan ini mirip dengan postingan saya sebelumnya tentang Cara Buat Judul Blog Dan Posting Berjalan, perbedaannya pada Cara Buat Judul Blog Dan Posting Berjalan yang bergerak dan berjalan adalah Judul Blog / Judul Posting Blog anda, sedangkan posting kali ini Cara Membuat Text Bergerak Di Tab Browser yaitu text yang anda buat sendiri yang akan bergerak / animasi text di tab browser anda, seperti " Selamat Datang ", " Welcome ", atau apaun yang anda ingin buat sendiri.

Baiklah berikut langkah-langkah yang perlu anda lakukan untuk Membuat Text Bergerak Di Tab Browser.

1. Login ke akun Blogger anda

2.
Klik pada tab Tata Letak

3.
Klik Tambah Gadget

4.
Lalu Klik Tambah
HTML/java script

5. Pada Kotak Yang tersedia Copykan Code berikut kedalamnya :

<script>
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = "Selamat Datang di Man Rengat ";
tb8_messages[1] = "Mari Share Ilmu";
tb8_messages[2] = "Moga Bermanfaat";
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>
6. Silahkan Ganti kata-kata yang berwarna Merah dengan Kata-kata yang anda sukai.

7. klik Simpan...

NB : Apa Code HTML sebanyak itu akan tampil di widget blog dan menuhin Blog??. TIDAK, Karena Code HTML tersebut akan tersembunyi dan tidak akan terlihat.
Sumber : Putra Komputer

Tidak ada komentar: