Sedikit pengetahuan untuk sobat, Bahwasannya "Teks berjalan dan berkedip" pada bahasa html disebut dengan marquee behavior. Bayak sekali macamnya kode-kode marquee yang bisa sobat pasang dan di terapkan pada blog sobat. Salah satu contoh kode marquee berikut ini adalah kode marquee yang default tanpa tambahan kode fungsi yang lain. <marquee>Teks Sobat</marquee> Dan jika di pasang atau di terapkan dalam blog, Maka akan menghasilkan efek marquee atau teks berjalan normal dari arah kanan ke arah kiri.
Oke sobat, Mungkin artikel yang saya share ini memang sudah tak asing lagi bagi para bloggers mania yang sudah malang melintang dalam menjelajah dan mengutak-atik blognya. Namun bila mungkin di antara sobat semua ada yang belum tahu mengenai artikel sederhana ini, Yang menerangkan tentang cara membuat teks berjalan dan berkedip pada blog, wordpress, blogspot, joomla dan pada blog dengan css yang lain. Silahkan sobat simak baik-baik postingan yang saya share ini, Sebab cara ini juga bisa di terapkan pada website dengan desain sendiri yang berformat html.
Sekarang kita menuju ke TKP, Berikut panduan dan tutorial cara membuat teks berjalan dan berkedip pada blog, wordpress, joomla, blogspot, dan blog yang lain :
Cara Penerapan atau pemasangan dalam blog.
- Silahkan sobat pilih beberapa kode Marquee di bawah ini, Kemudian tempelkan kode pada Mode HTML/JavaScript.
- Kode Marquee bisa di terapkan pada Template, Sidebar, Footer, Widget, maupun postingan blog. Dengan catatan, Kode di terapkan pada Mode HTML.
1. Cara buat Teks berjalan secara default dari kanan ke kiri.
<marquee>Teks Sobat</marquee>
2. Cara buat Teks berjalan dari Kiri ke kanan.
<marquee direction="right">Teks Sobat</marquee>
3. Teks akan berhenti jika mouse diarahkan pada Teks.
<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Sobat</marquee>
4. Marquee 2.0.0 ini mempunyai kelebihan bolak-balik dari ruang kotak yang tidak terlihat oleh mata.
<marquee behavior="alternate">Teks Sobat</marquee>
5. Marquee 2.0.1 adalah pengembangan dari marquee sebelumnya, Dengan fungsi scrollamount dia menjadi sangat agresif dan cepat.
<marquee behavior="alternate" scrollamount="25">Teks Sobat</marquee>
6. Cara buat Teks berjalan dari Bawah ke Atas.
<marquee direction="up">Teks Sobat</marquee>
7. Marquee 3.0.1 adalah pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, Marquee ini kita batasi ruang kasatnya sehingga memiliki ukuran height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita tambahkan on mouse stop/start juga.
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Teks Sobat</marquee>
8. Marquee 3.0.2 masih merupakan pengembangan dari marquee sebelumnya, Hanya saja teks berada di tengah ruang.
<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Sobat</marquee>
9. Cara buat Teks berjalan dari Atas ke Bawah.
<marquee direction="down" width="100%" height="100">Teks Sobat</marquee>
10. Cara Membuat teks berkedip
<blink>Teks Sobat</blink>
11. Selesai. dan lihat hasil nya.
Catatan:
11. Selesai. dan lihat hasil nya.
Catatan:
- Tidak semua kode Marquee di atas bisa di terapkan pada Template blog sobat. Jadi pilihlah kode Marquee yang sesuai untuk blog sobat.
Selamat Berkarya.
| Supported by http://kuc0pas.blogspot.com |
