Tips dan Trik Blogger
http://www.shareapic.net/content.php?gid=936463&owner=andy475
Membuat Text Berjalan Di Website dan Blog
Berikut ini adalah Scrift Text Berjalan
Script Text Berjalan
<script language='JavaScript'> var txt=". . : : Selamat Datang di Website saya, Terima Kasih Atas Kunjungannya : : . ."; var kecepatan=80;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>
<script language='JavaScript'> var txt=". . : : Selamat Datang di Website saya, Terima Kasih Atas Kunjungannya : : . ."; var kecepatan=80;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>
Langkah Pertama / First Step
Langkah pertama dalam membuat text berjalan adalah setidaknya sedikit mengetahui tentang kode umum dalam text marquee seperti :
* Width; Lebar marquee, Satuan bisa pixel atau %.
* Height; Tinggi marquee, Sauan bisa pixel atau %.
* Bgcolor; Warna latar belakang marquee, Contoh : putih #fff.
* Behavior; Perilaku text, Pilihan : scroll, slide, alternate
* Scrollamount; kecepatan text bergerak, Satuan; 1, 2, 3, makin besar angkanya maka akan makin cepat jalannya
* Scrolldelay; Kecepatan text bergerak, Satuan 1, 2, 3, semakin besar angkanya maka akan makin lambat
* Direction; Teks bergerak dari arah mana, Pilihan left, right, top, dan bottom, up, down.
Langkah Kedua / Second Step
Langkah kedua dalam membuat marquee adalah silahkan anda lihat beberapa contoh di bawah ini :
Contoh 1
Taruh Text Yang Anda Inginkan Disini
Kode Contoh 1
<marquee behaviour="alternate" scrollamount="4" width="100%" > Taruh Text Yang Anda Inginkan Disini</marquee>
<marquee behaviour="alternate" scrollamount="4" width="100%" > Taruh Text Yang Anda Inginkan Disini</marquee>
* Tanpa direction berarti arahnya memakai default maka akan dari kiri ke kanan
* Tanpa background berarti warnanya akan menyatu dengan warna background default blog anda.
* Width 100 % berarti lebar 100 dari lebar default. Dapat menyesuaikan diri sesuai dengan lebar default blog.
<marquee behaviour="alternate" bgcolor="#000000" scrolldelay="5" width="400px"><span style="color: white;" direction="left"> Taruh Text Yang Anda Inginkan Disini></span></marquee>
Keterangan contoh 2
* Bgcolor adalah warna background , bisa kalian ganti dengan warna lain.
* Width adalah lebar, disini saya menggunakan pixel sehingga tidak seperti contoh 1 yang menyesuaikan diri dengan lebar post.
* Height adalah tinggi, sebaiknya anda menggunakan pixel pada height.
* Span color adalah warna tulisan anda bisa menggantinya dengan warna lainnya.
* Direction left berarti arahnya terus dari kiri ke kanan tanpa terputus, anda bisa menggunakan right jika ingin arah sebaliknya.
<marquee direction="down" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="300px">Text Turun<br /> Text Turun<br /> Text Turun<br /> Text Turun<br /> Text Turun</marquee>
Keterangan contoh 3
* Direction down berarti arah datang dari bawah ke atas , bisa diganti dengan up jika kamu mau text turun ke bawah.
* Onmousover berarti text berhenti pada saat cursor diarahkan ke text tersebut.
* Onmouseout berarti text kembali bergerak pada saat cursor tidak diarahkan ke text.
Langkah Ketiga / Third Step
Pada langkah ketiga silahkan pilih anda ingin memakai code contoh 1, 2 atau 3. Anda tinggal mengcopy code yang telah saya sediakan sebelumnya. Jika anda tidak puas dengan contoh yang telah saya berikan dan ingin marquee dengan gaya sendiri, silahkan anda lakukan sesuai dengan keterangan yang saya berikan, dan saya yakin anda pasti bisa.
Selamat Mencoba Semoga sukses.
Langkah pertama dalam membuat text berjalan adalah setidaknya sedikit mengetahui tentang kode umum dalam text marquee seperti :
* Width; Lebar marquee, Satuan bisa pixel atau %.
* Height; Tinggi marquee, Sauan bisa pixel atau %.
* Bgcolor; Warna latar belakang marquee, Contoh : putih #fff.
* Behavior; Perilaku text, Pilihan : scroll, slide, alternate
* Scrollamount; kecepatan text bergerak, Satuan; 1, 2, 3, makin besar angkanya maka akan makin cepat jalannya
* Scrolldelay; Kecepatan text bergerak, Satuan 1, 2, 3, semakin besar angkanya maka akan makin lambat
* Direction; Teks bergerak dari arah mana, Pilihan left, right, top, dan bottom, up, down.
Langkah Kedua / Second Step
Langkah kedua dalam membuat marquee adalah silahkan anda lihat beberapa contoh di bawah ini :
Contoh 1
Taruh Text Yang Anda Inginkan Disini
Kode Contoh 1
<marquee behaviour="alternate" scrollamount="4" width="100%" > Taruh Text Yang Anda Inginkan Disini</marquee>
<marquee behaviour="alternate" scrollamount="4" width="100%" > Taruh Text Yang Anda Inginkan Disini</marquee>
* Tanpa direction berarti arahnya memakai default maka akan dari kiri ke kanan
* Tanpa background berarti warnanya akan menyatu dengan warna background default blog anda.
* Width 100 % berarti lebar 100 dari lebar default. Dapat menyesuaikan diri sesuai dengan lebar default blog.
<marquee behaviour="alternate" bgcolor="#000000" scrolldelay="5" width="400px"><span style="color: white;" direction="left"> Taruh Text Yang Anda Inginkan Disini></span></marquee>
Keterangan contoh 2
* Bgcolor adalah warna background , bisa kalian ganti dengan warna lain.
* Width adalah lebar, disini saya menggunakan pixel sehingga tidak seperti contoh 1 yang menyesuaikan diri dengan lebar post.
* Height adalah tinggi, sebaiknya anda menggunakan pixel pada height.
* Span color adalah warna tulisan anda bisa menggantinya dengan warna lainnya.
* Direction left berarti arahnya terus dari kiri ke kanan tanpa terputus, anda bisa menggunakan right jika ingin arah sebaliknya.
<marquee direction="down" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="300px">Text Turun<br /> Text Turun<br /> Text Turun<br /> Text Turun<br /> Text Turun</marquee>
Keterangan contoh 3
* Direction down berarti arah datang dari bawah ke atas , bisa diganti dengan up jika kamu mau text turun ke bawah.
* Onmousover berarti text berhenti pada saat cursor diarahkan ke text tersebut.
* Onmouseout berarti text kembali bergerak pada saat cursor tidak diarahkan ke text.
Langkah Ketiga / Third Step
Pada langkah ketiga silahkan pilih anda ingin memakai code contoh 1, 2 atau 3. Anda tinggal mengcopy code yang telah saya sediakan sebelumnya. Jika anda tidak puas dengan contoh yang telah saya berikan dan ingin marquee dengan gaya sendiri, silahkan anda lakukan sesuai dengan keterangan yang saya berikan, dan saya yakin anda pasti bisa.
Selamat Mencoba Semoga sukses.
Post a Comment
Silahkan Beri Komentar Anda disini,
Gunakan Bahasa yang Singkat dan Jelas,
Komentar Yang Anda Berikan Hendaknya Sesuai Topic Artikel.