Cara Membuat Marquee Tulisan Berjalan di Blog

Cara membuat marquee tulisan berjalan di blog - Pernah melihat tulisan berjalan dilayar visual, baik di tv, video, website, blog, hp dan lainnya? Tulisan berjalan tersebut mempunyai daya tarik bisa menjadi perhatian banyak orang dan secara langsung maupun tidak langsung mata kita akan tertuju untuk melihat dan membaca informasi yang ada ditulisan berjalan tersebut.

Dan sepertinya tulisan berjalan cukup efektif jadi media informasi maupun promosi iklan serta hiburan dan yang lainnya, sebab tulisan berjalan seringkali membuat penasaran bagi yang melihat dan membacanya.

Bagi sobat pemula yang belum tau bagaimana cara membuat tulisan berjalan untuk disimpan diarea blog maupun website, dibawah ini ada trik mudah membuat tulisan berjalan dengan script html dasar. Mari simak selanjutnya dibawah ini.

Cara membuat tulisan berjalan

Buat kode tulisan berjalan seperti ini:

A.

<marquee>TULIS TEKS YANG AKAN DIBUAT BERJALAN DISINI </marquee>

Hasil A:

A. TULIS TEKS YANG AKAN DIBUAT BERJALAN DISINI

Kode marquee diatas adalah kode dasar tulisan berjalan.

Sekarang kita buat tulisan berjalan yang bisa bergerak dari kiri ke kanan atau sebaliknya, bergerak dari atas kebawah atau sebaliknya. Untuk membuatnya kita tambah kode 'marquee' dengan kode 'direction'. Begini cara membuatnya:

B.

<marquee direction="right">YANG INI TULISAN BERJALAN DARI KIRI KE KANAN</marquee>

C.

<marquee direction="down">BERJALAN DARI ATAS KE BAWAH</marquee>

Hasil B dan C:

B. YANG INI TULISAN BERJALAN DARI KIRI KE KANAN

C. BERJALAN DARI ATAS KE BAWAH

Kode marquee direction diatas dapat anda rubah menurut selera seperti mengganti right jadi left atau mengganti down jadi up.

Selanjutnya kita akan membuat tulisan berjalan dengan mengatur kecepatan gerak atau laju tulisan dengan cara menambahkan marquee dengan scrollamount.

Buat kodenya seperti ini:

D.

<marquee scrollamount="1">TULISAN LAMBAT YA</marquee>

E.

<marquee scrollamount="10">KEJAR TERUS BRO</marquee>

Hasil D dan E:

D. TULISAN LAMBAT YA

E. KEJAR TERUS BRO

Kecepatan laju tulisan dapat dirubah dengan cara mengganti scrollamount 1 jadi berapapun yang anda mau, intinya semakin kecil angka kecepatan scrollamount maka tulisan akan bergerak semakin lambat begitupun sebaliknya semakin besar nilai scrollamount maka semakin cepat tulisan bergerak, contohnya begini:

F.

<marquee scrollamount="100">NGEBUTTTTT</marquee>

Hasil F:

F. NGEBUTTTTT

Berikutnya kita akan membuat tulisan berjalan seperti gerak jarum jam tik tik dan cara membuatnya bisa kita gunakan kode marquee ditambah kode scrolldelay. Begini cara memasang kodenya:

G.

<marquee scrolldelay="1000">TIK TIK</marquee>

Hasil G:

G. TIK TIK

Silahkan anda atur angka delay jadi angka berapapun yang anda mau. semakin besar jumlah angka maka akan semakin lambat waktu delay berjalan.

Langkah selanjutnya kita akan membuat tulisan berjalan yang bisa memantul atau terpental-pental atau bergerak seperti setrikaan yaitu kode marquee yang dapat bergerak mundur maju, mundur maju syantik. Untuk membuatnya kita akan menambahkan script marquee dengan behavior alternate (ada juga behavior scroll dan slide). Ini contoh kode lengkapnya:

H.

<marquee behavior="alternate">MUNDUR MAJU SYANTIK</marquee>

Hasil H:

H. MUNDUR MAJU SYANTIK

Baca juga:

Cara membuat tulisan berjalan dengan warna background keren

Lalu bagaimana cara menyimpan tulisan berjalam di blog? Anda bebas mau menerapkan dimana saja, didalam posting blog, boleh, di menu tata letak blogger, boleh, didalam template, boleh, asal kode tulisan berjalan yang akan disimpan di template diparse terlebih dulu.

Ok, sebenarnya masih banyak jenis jenis tulisan berjalan, namun hanya itu yang mampu saya ketahui, dan untuk selanjutnya anda bisa menggabungkan kode dan mengkreasikannya sendiri.

Posted by Sakri

Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:

Facebook Twitter Google+