Minggu, 18 Maret 2012

Cara Membuat Teks Berjalan dan Berkedip di Blog



Cara Membuat Teks Berjalan dan Berkedip di Blog
 KUCOPAS - Selamat bejumpa lagi sobat dengan blog KUCOPAS yang ndeso dan katroxs ini. hahahaha...
Pada kesempatan sebelum nya saya sudah share artikel tips dan trik tentang Cara pasang tombol like facebook di blog dan kali ini saya akan share tips dan trik Cara Membuat Teks Berjalan dan Berkedip di Blog.
Teks berjalan dan berkedip pada bahasa html disebut dengan marquee behavior.


 Oke sobat, mungkin artikel yang saya share ini sudah tak asing lagi bagi para peblogger yang sudah malang melintang dalam menjelajah dan mengutak-atik blognya.
Tapi mungkin juga di antara sobat semua ada yang belum tahu mengenai artikel sederhana yang menerangkan tentang cara membuat teks berjalan dan berkedip pada blog, wordpress, blogspot, joomla dan pada blog dengan css yang lain.
Cara ini juga berlaku pada website dengan design sendiri yang berformat html.


1. Cara buat Teks berjalan secara default dari kanan ke kiri.

    <marquee>Teks Anda</marquee>

2. Cara buat Teks berjalan dari Kiri ke kanan.

 <marquee direction=”right”>Teks Anda</marquee>

3. Teks akan berhenti jika mouse diarahkan pada Teks.

    <marquee onmouseover=”this.stop()” onmouseout=”this.start()”>Teks Anda</marquee>

4. Marquee 2.0.0 ini mempunyai kelebihan bolak-balik dari ruang kotak yang tidak terlihat oleh mata.

    <marquee behavior=”alternate”>Teks Anda</marquee>

5. Marquee 2.0.1 adalah pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif dan cepat.

    <marquee behavior=”alternate” scrollamount=”18″>Teks Anda</marquee>

6. Cara buat Teks berjalan dari Bawah ke Atas.

    <marquee direction=”up”>Teks Anda</marquee>

7. Marquee 3.0.1 adalah pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memiliki 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 Anda</marquee>

8. Marquee 3.0.2 masih merupakan pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.

    <marquee direction=”up” width=”100%” scrollamount=”2″ height=”100″ align=”center”>Teks Anda</marquee>

9. Cara buat Teks berjalan dari Atas ke Bawah.

    <marquee direction=”down” width=”100%” height=”100″>Teks Anda</marquee>

10. Cara Membuat teks berkedip

Untuk membuat teks Berkedip seperti diatas sangat mudah dan simple.
Silahkan sobat tambahkan saja format html seperti dibawah ini :

    <blink>Teks anda</blink>

11. Selesai. dan lihat hasil nya.

NB :
Tidak semua kode HTML di atas bisa di terapkan pada Template sobat.
jadi pilihlah kode HTML yang sesuai untuk blog sobat.

Semoga artikel yang saya share ini yaitu trik dan tips tentang Cara Membuat Teks Berjalan dan Berkedip di Blog, sangat bermanfaat untuk sobat KUCOPAS semua.


0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More