Home » , , » Cara Membuat Teks Berjalan Dan Berkedip Di Blog

Cara Membuat Teks Berjalan Dan Berkedip Di Blog

Written By Ku Copas on Monday, 19 March 2012 | 3/19/2012 09:16:00 am

KUCOPAS - 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

 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 Kode 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.
thumbnail Title: Cara Membuat Teks Berjalan Dan Berkedip Di Blog
Posted by:Ku Copas
Published :2012-03-19T09:16:00+07:00
Rating: 4.5
Reviewer: 7 Reviews
Cara Membuat Teks Berjalan Dan Berkedip Di Blog

Artikel Terkait:

Comments
2 Comments

2 comments:

  1. terima kasih infonya sob.
    sungguh kreatif sekali dan template blog anda simple.
    dan sepertinya anda mempunyai kelebihan tersendiri.
    bila ada waktu saya akan berkunjung lagi sob :)


    #Semoga Sehat Selalu :)

    ReplyDelete
  2. Darmawan@ Iya Makasih juga atas Sanjungan dan kunjunganya sobat... Di tunggu kunjunganya kembali kesini...

    ReplyDelete

 
Support : Google | Yahoo | Bing
Copyright © 2011-2013. KUCOPAS - All Rights Reserved
Sitemap | About Me | Contact Us | Privacy Policy
Proudly powered by Blogger