Pada tutorial sebelumnya Membuat Text Bergerak II (Efek Marquee). Kali ini saya mau share cara membuat efek marquee bagian ke II yaitu akan diam dan bergerak (Stop and Start) saat delewati cursors mouse, sekaligus cara memasukkan link ka dalamnya. Untuk cara membuat dan menerapkannya juga masih sama, hanya beberapa bagian kode sedikit berubah, perhatikan kodenya sebagai berikut :
<marquee bgcolor="#cccccc" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" behavior="alternate" width="100%" height="100" align="center">Welcome To Odyckdnero</marquee>
Jadi di sini ada penambahan kode (Warna Merah) onmouseover="this.stop()" onmouseout="this.start()", artinya efek marquee akan diam (Stop) saat cursors mouse berada dalam area Marquee, dan akan begerak (Start) kembali saat cursors mouse menjauhi area tersebut. Hasilnya akan seperti berikut, silahkan arahkan cursors mouse anda ke dalamnya.
Di atas dengan arah bolak - balik (Warna Orange pada kode) behavior="alternate", silahkan ganti arah geraknya sesuai keinginan (warna orange) seperti pada tutorial sebelumnya [Membuat Text Bergerak II (Efek Marquee)], berikutnya contoh dengan arah bolak - balik atas bawah, perhatikan kodenya saya tambahkan direction="up" setelah kode behavior="alternate"
<marquee bgcolor="#cccccc" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" behavior="alternate" direction="up" width="100%" height="100" align="center">Welcome To odyckdnero</marquee>
Dan hasilnya akan seperti berikut
Berikutnya Tips memasukkan Link kedalam text tersebut, buat anda yang sudah terbiasa tentu sudah faham caranya, sekedar tambahan saja buat yang belum tahu, yaitu dengan menyelipkan tag seperti berikut
<marquee bgcolor="#cccccc" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" behavior="alternate" direction="up" width="100%" height="100" align="center"><a href="http://odyckdnero.blogspot.com/" target="new">Welcome To Odyckdnero</a></marquee>
Ganti kode warna merah dengan link yang ingin anda selipkan dan warna biru untuk judul linknya dan hasilnya akan seperti berikut
Dengan mengklik text tersebut anda akan diarahkan ke link yang akan dituju. Selamat mencoba membuat efek text marquee.
Beri Kami +1 Agar Terus Semangat Menulis Untuk Anda :
Hati-Hati Jika ingin Copy-Paste (15 Blog Sudah TERHAPUS Akibat DMCA Takedown)..!
Pastikan Menyertakan Link Aktif Dofollow Dengan URL :
https://odyckdnero.blogspot.com/2012/01/membuat-text-bergerak-iii-efek-marquee.html
Related Post
Blogging
- Mengembalikan Akun Twitter Yang Ditangguhkan
- Cara Cepat Meningkatkan Ranking Alexa
- Membuat Widget Tanggalan Sendiri
- Mengukur Kecepatan Loading Blog
- Cara Agar Artikel Cepat Terindeks Search Engine
- Daftar Blog Dofollow
- Membuat Text Area III (Hide and Show Atau Spoiler)
- Cara Membuat Kolom Related Post (Artikel Terkait)
- Membuat Efek Blur Pada Gambar
- Memasang Flash Game di Blogger
Blogspot
- Menghilangkan icon Obeng dan Tang diedit Blogger
- Membuat Widget Tanggalan Sendiri
- Cara Membuat dan Memasang Widget Twitter di Blogger
- Membuat Background Template Tidak Bergerak
- Tambah Like Button Facebook Hide and Show di Blog
- Tambah Like Button Facebook di Blog
- Cara Membuat Kolom Related Post (Artikel Terkait)
- Memasang Flash Game di Blogger
- Memberi Efek Zoom Pada Image Dengan Jquery
- Membuat Elemen Footer Multi Kolom
0komentar:
Post a Comment
*Silahkan tinggalkan komentar, saran atau kritik sesuai topik untuk kemajuan blog ini.
*Komentar anda secepat mungkin direspon, karena saya tidak selalu online.
*KOMENTAR TIDAK SOPAN, BERIKLAN, VULGAR, MELECEHKAN, SARA atau PROVOKATIF akan dianggap SPAM, dan berakhir di Tong Sampah..!!!