Cara Membuat Tulisan Berjalan (Marquee)

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri

kode :  <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>



hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan

kode : <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>



hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik

kode : <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>


hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah

kode : <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>



hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas

kode :  <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>



hasil :

Contoh Tulisan Berjalan



6. Teks berjalan mondar-mandir

kode : <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>



hasil :

Contoh Tulisan Berjalan



7. Teks berjalan zig-zag nembus

kode : <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>


hasil :


Contoh Tulisan Berjalan



8. Teks berjalan zig-zag mantul

kode : <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>


hasil :




Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan

Contoh Tulisan Berjalan

dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

<center> ............. </center>

adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL

Demikianlah artikel mengenai Cara Membuat Tulisan Berjalan (Marquee)
Semoga Bermanfaat..

Cara Membuat Text Berjalan Di TAB Browser

Text Berjalan Di TAB Browser Adalah text yang berjalan di tab Browser Saat kita membuka Suatu Blog Atau Website, biasanya text yang berjalan berisikan text sambutan. sebagai contoh lihatlah di TAB Browser Sahabat saat membuka blog saya ini. Disini saya akan menjelaskan bagaimana cara membuatnya di blog sahabat silahkan lihat dibawah.

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog Anda

2. Pilih menu Rancangan dan Pilih Elemen Laman

3. Setelah itu pilih Tambah Gadget 

4. Kemudian Tambahkan HTML/JavaScript

5. Dan Copy dan kode di bawah ini :

<script>function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(7);
tb8_messages[0] = "How Do You Do My Friend ?";
tb8_messages[1] = "Welcome To My Site";
tb8_messages[2] = "wIzYuLoVeRz.Blogspot.Com";
tb8_messages[3] = "Give Your Comment";
tb8_messages[4] = "And Follow My Site";
tb8_messages[5] = "Thank You ^_^";
tb8_messages[6] = ".....";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 70;
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()
</script>

6. Gantilah tulisan yang berwarna Hijau diatas dengan kata kata yang anda inginkan

7. Setelah selesai silahkan klik simpan dan lihat hasilnya.