Warung Bebas

Senin, 19 Maret 2012

Cara Membuat Teks Berjalan Dan Berkedip Di Blog

 Cara Membuat Teks Berjalan Dan Berkedip Di Blog - Selamat bejumpa lagi sobat, dengan blog KUCOPAS yang ndeso dan katroxs ini. hahahaha... Pada kesempatan yang sebelumnya 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.

 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.

Cara Membuat Teks Berjalan dan Berkedip di Blog


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.
Silahkan Sobat pilih Kode Marquee yang sobat inginkan.

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

    <marquee>Teks Sobat</marquee>
Teks Sobat

2. Cara buat Teks berjalan dari Kiri ke kanan.

 <marquee direction="right">Teks Sobat</marquee>
Teks Sobat

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>
Teks Sobat

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>
Teks Sobat

6. Cara buat Teks berjalan dari Bawah ke Atas.

    <marquee direction="up">Teks Sobat</marquee>
Teks Sobat

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>
Teks Sobat

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>
Teks Sobat

9. Cara buat Teks berjalan dari Atas ke Bawah.

    <marquee direction="down" width="100%" height="100">Teks Sobat</marquee>
Teks Sobat

10. Cara Membuat teks berkedip

    <blink>Teks Sobat</blink>

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.
 Semoga artikel yang saya share ini yaitu trik dan tips tentang Cara Membuat Teks Berjalan Dan Berkedip Di Blog, Bisa sangat bermanfaat untuk sobat KUCOPAS semua.

Selamat Berkarya.


0 komentar em “Cara Membuat Teks Berjalan Dan Berkedip Di Blog”

Poskan Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger