Mengatur gerak tulisan menggunakan mouse. Banyak cara yang dapat digunakan oleh para blogger untuk memodifikasi blog agar tampil menarik, antara lain dengan tulisan yang bergerak. Posting ini merupakan kelanjutan dari posting trik membuat tulisan bergerak. Anda bisa mengatur tulisan agar menarik bisa bergerak ke atas, ke bawah, zigzag, dan mondar-mandir. Anda juga bisa baca membuat border cantik bersudut melengkung, atau ingin membuat tab view.
Untuk melengkapi posting tulisan bergerak, kali ini saya tambahkan cara mengatur tulisan yang bergerak agar berhenti jika disentuh menggunakan mouse dan kembali berjalan ketika mouse disingkirkan dari tulisan. Untuk contohnya bisa anda lihat di side kanan pada bagian Link Partner.
A. Tulisan Berhenti kemudian jalan kembali
Untuk membuat tulisan berhenti dengan sentuhan mouse caranya mudah:
Anda cukup menambahkan kode : onmouseover="this.stop()" dan agar tulisan kembali berjalan saat mouse dijauhkan dari tulisan
Anda tambahkan kode : onmouseover="this.start()"
Contoh lengkapnya:
<marquee direction="up" onmouseover="this.stop()" onmouseover="this.start()">TEKS ATAU TULISAN BERJALAN KE ATAS / NAIK SAAT DISENTUH MOUSE BERHENTI DAN BERJALAN KEMBALI SAAT MOUSE MENJAUH</marquee>
B. Mengatur kecepatan gerakan tulisan/teks
Untuk mengatur kecepatan gerak tulisan, anda perlu menyisipkan kode: scrollamount="2"
Contoh:
<marquee behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseover="this.start()">TEKS
ATAU TULISAN MONDAR-MANDIR LAMBAT, BERHENTI SAAT DISENTUH MOUSE DAN
BERJALAN KEMBALI SAAT MOUSE MENJAUH</marquee>
Angka 2 bisa anda ganti dengan 4,6,8,10, makin besar angkanya makin cepat gerak tulisannya.
C. Memberi Background
Agar tulisan yang bergerak lebih memikat perhatian, mungkin anda ingin memberi background atas tulisan, maka anda cukup menyisipkan kode bgcolor="#00FF00"
Demikian posting mengatur gerak teks ini. Selamat mencoba dan semoga berhasil.OK
Menarik untuk Dibaca:
- Akibat Jarang Update Blog
- Cara Membuat Email Khusus PNS
- Menampilkan Data Dengan Memasukkan PIN
- Memproteksi dan Menyembunyikan Formula Excel
- Membuat Background pada Excel
- Membuat Tombol Menu Pada Excel
- Menyembunyikan Tab Sheet pada Excel
- Memberi Warna Angka Otomatis di Excel
- Memberi Warna Otomatis pada Cell
- Membuat Widget Label dalam Scrolbar
- Membuat Breadcrumbs Terindeks Google
- Tutorial Melakukan Disput Payza
- Membuat Widget Entri Populer Cantik
- Segera Nonaktifkan Arsip Blog Anda
- Cara Ampuh Melindungi Acoount Gmail
- Menambahkan Rekening Bank ke Payza
- Transfer Saldo Egopay ke Payza
- Menambahkan Kartu Debet Payza ke Akun Paypal
- Cara Membuat Akun Egopay
- Cara Aktivasi Kartu Debit Payza
- Akibat Jarang Update Blog
- Membuat Widget Label dalam Scrolbar
- Membuat Breadcrumbs Terindeks Google
- Membuat Widget Entri Populer Cantik
- Segera Nonaktifkan Arsip Blog Anda
- Cara Mengatasi Kredensial OpenID
- Mendulang Trafik dan dollar dari Easyhits4u
- Survey Dibayar Dollar dan Triffic
- Menimbang Penting Tidaknya Buku Tamu
- Melihat Posisi Artikel di Google
- Membuat Background pada Judul Sidebar
- 2 Langkah Pasti Mendatangkan 1 Juta Pengunjung
- Cara Mempertahankan Alexarank
- Membuat Artikel Tampil di Halaman Pertama Google
- Cara Membuat Video Dalam Posting
- Cara Membuat 3 Kolom Tambah Gadget
- Ping Spesial Agar Googel Langsung Mengindeks Artikel
- Trik Jitu Mempercepat Loading Blog dengan Compres CSS
- Trik Mengaktifkan Fitur Simpan dan Keluar pada Mozilla Firefox 4
5 Comments:
Wah ini yang baru lagi ya??? layak untuk dicoba!!
saya pemula gan,saya mau bertanya letaknya tab rancangan pada dasbor di mana Y
@banu si bnpassti coba lihat di kanan atas menu horizontal atau di bagian kiri menu vertikal, nama lainnya template, saya juga masih terus belajar sob...
makasihya untuk infonya.
onmouseover="this.stop()" onmouseover="this.start()"
ralat sedikit gan, harusnya yang start bukan onmouseover tapi onmouseout
Post a Comment