Cara Membuat Title Bar Maker

Kawan mungkin semua sudah tahu apa itu Title Bar Maker, yaitu Tulisan atau kalimat yang bergerak/berjalan secara otomatis di Bar Blog.
Cara pembuatannya kawan tak perlu bersusah payah karena sudah ada situs penyedia cara membuatnya, kawan cukup memasukan Kalimat yang akan dibuat dan memilih model effectnya misalnya bergerak kekiri,  kekanan, banner dan lain sebagainya, dan sebelum kawan mendapatkan kodenya, sebaiknya dicoba dulu [Preview], perhatikan gambar disamping 
Situs penyedianya » disini
contoh : saya membuat kalimat SELAMAT DATANG DI BLOG CREATION, KUNJUNGAN DAN KOMENTAR KAWAN DITUNGGU dengan Effect Message Scroller, maka scriptnya sebagai berikut

<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(1);
tb8_messages[0] = "SELAMAT DATANG DI BLOG CREATION, TERIMA KASIH KUNJUNGAN DAN KOMENTAR KAWAN DITUNGGU...!!!";
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>
Kalimat yang saya buat tadi tidak akan mungkin kelihatan seluruhnya, karena kepanjangan dan cara mengatasi biar kelihatan semua kalimat tadi, caranya kita potong-potong menjadi seperti berikut :

tb8_messages = new tb8_makeArray(5);
tb8_messages[0] = "SELAMAT DATANG !!!";
tb8_messages[1] = "DI BLOG CREATION";
tb8_messages[2] = "KUNJUNGAN DAN";
tb8_messages[3] = "KOMENTAR KAWAN";
tb8_messages[4] = "DITUNGGU....!!!";


makeArray(5) menyesuaikan banyaknya baris kalimat pada tb8_messages[0]  maka script  tersebut setelah saya modif menjadi :

<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(5);
tb8_messages[0] = "SELAMAT DATANG !!!";
tb8_messages[1] = "DI BLOG CREATION";
tb8_messages[2] = "KUNJUNGAN DAN";
tb8_messages[3] = "KOMENTAR KAWAN";
tb8_messages[4] = "DITUNGGU....!!!";
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>
Penempatan script tersebut pada elemen / gadget dimana saja boleh, 
Caranya sebagai berikut :

  • Masuk ke Account Blogger dengan ID kawan
  • Pada Design/Perancang Template pilih Tambah Gadget 
  • Tekan tanda [+] pada HTML / JavaScript
  • Copas script tersebut kedalamnya

Description: Cara Membuat Title Bar Maker - Rating: 4.5

Reviewer: Putu BlogBego - Itemreviewed: Cara Membuat Title Bar Maker


Kawan sedang berada pada Artikel
» Cara Membuat Title Bar Maker
di Blog ini dibolehkan COPY-PASTE untuk disebar-luaskan
asal kawan menyertakan Link / Sumber Artikelnya

Artikel Menarik Lainnya :


Comments
7 Comments

7 komentar pada : “Cara Membuat Title Bar Maker”


KOMENTAR MENCERMINKAN KEPRIBADIAN KAWAN BLOGGER
EKSPRESIKAN KOMENTAR DENGAN EMOTICON :

:a :b :c :d :e :f :g :h :i :j :k :l :m
:n :o :p :q :r :s :t :u :v :w :x :y :z