Tulisan berjalan (running text) dikenal sebagai marquee, alasannya untuk membuat goresan pena berjalan pada halaman blog anda, perintahnya ialah menggunakan tag marquee, isyarat perintah ini merupakan salah satu perintah kode tag HTML untuk membuat goresan pena menjadi bergerak sesuai dengan yang kita inginkan.
Ada beberapa variasi gerakan yang mampu kita buat dengan isyarat HTML marquee ini, ada yang goresan pena berjalan dari kiri ke kanan, berjalan dari kanan ke kiri, di ulang-ulang, dari atas ke bawah atau dari bawah ke atas atau mampu juga kita buat goresan pena bergerak mondar mandir secara acak, bahkan kita mampu dekorasi tampilannya sesuai dengan yang kita inginkan dengan menggabungkannya dengan isyarat CSS.
Kali ini saya akan sajikan beberapa pola isyarat HTML untuk membuat goresan pena berjalan dengan aneka macam macam variasi gerak yang mampu anda pilih dan tempelkan pada halaman blog anda untuk menghiasi blog anda semoga lebih ramai dan menarik.
Format Kode HTML untuk Membuat Tulisan Berjalan
Format Kode html dasar untuk membuat goresan pena berjalan ialah sebagai berikut:
<marquee [attribut] >sebuah text bergerak </marquee>[attribut] sifatnya opsional (boleh disertakan boleh tidak), fungsinya untuk mengatur, mendekorasi atau memvariasikan goresan pena berjalan yang anda inginkan.
Macam-Macam Atribut Tag Marquee
Ada banyak atribut isyarat HTML untuk tag marquee ini diantaranya adalah:- scrollday=angka, ini digunakan untuk mengatur delay goresan pena berjalan dalam milidetik (1/1000 detik), semakin besar angkanya maka gerakannya akan semakin lambat.
- loop=angka | -1 | infinite, atribut loop ini digunakan semoga goresan pena terus berulang sesuai dengan aturan yang kita pilih, jikalau yang dimasukan angka maka goresan pena akan bergerak berulang-ulang sesuai dengan angka yang dimasukan, jikalau yang dipilih ialah -1, maka tidak akan diulang, jikalau infinite maka akan berulang-ulang terus menerus.
- width=angka/persentase, ini digunakan untuk mengatur lebar kawasan goresan pena berjalan semakin besar angkanya akan semakin lebar
- bgcolor=warna dalam bhasa inggris, atribut ini digunakan untuk menawarkan latar atau background pada goresan pena bergerak yang anda buat.
- title=text, atribut ini digunakan semoga goresan pena berjalan dikala di sentuh memakai mouse (mouse over) akan muncul pesan popup.
- scrollmount=angka, atribut ini digunakan untuk mengatur kecepatan gerak tulisan, semakin besar angka yang dimasukan maka akan semakin cepat gerakannya
- direction=left | right | up | down, atribut ini digunakan untuk mengatur arah gerakan goresan pena berjalan, mampu pilih salah satu left, atau right atau up atau down, jikalau memilih left maka goresan pena akan berjalan ke kiri, jikalau memilih right maka goresan pena akan berjalan ke arah kanan, jikalau memilih up maka goresan pena akan berjalan ke atas dan jikalau memilih down maka goresan pena akan berjalan ke arah bawah.
- behavior=scroll | slide | alternate, atribut ini digunakan untuk mengatur jenis prilaku gerakannya, pilih slide jikalau menginginkan goresan pena bergerak berhenti dan diulangi lagi dari awal, pilih scroll jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi, pilih Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
- style=kode_css, style diisi dengan isyarat css, jadi anda harus menguasai isyarat css untuk menggunakan atribut ini, isyarat css gunanya untuk mendekorasi tampilan text berjalan yang anda inginkan menyerupai mewarnai text, mewarnai latar belakang tulisan, memilih font, memilih format font tebal miring dan lain sebagainya.
Dengan mengetahui atribut untuk isyarat html tag marquee di atas, maka anda akan dengan mudah membuat text berjalan untuk halaman blog anda dengan aneka macam macam variasi sesuai dengan yang anda inginkan.
Format Penulisan Attribut pada Tag Marquee
Atribut mampu anda masukan di dalam tag marquee lebih dari satu atribut, jikalau atribut yang dimasukan lebih dari satu, maka setiap atribut yang satu dengan atribut lainnya dipisahkan dengan space, formatnya penulisannya kurang lebih akan terlihat menyerupai berikut:<marquee atribut1='nilai_attr1' atribut2='nilai_attr2' attribut3='nilai_attr3' attribut_n='nilai_attr_n'>text berjalan</marquee>Nilai atribut mampu menggunakan kutif tunggal, kutif ganda atau tanpa kutif, aksara besar dan aksara kecil tidak dibedakan.
Contoh Cara Mebuat Tulisan Berjalan dengan aneka macam variasi
Berikut saya sajikan beberapa pola cara membuat goresan pena berjalan dengan beberapa variasi yang mampu anda terapkan pada blog anda:#1. Membuat Tulisan berjalan standar (dari kanan ke kiri)
Kode Html:<marquee> Ini pola goresan pena berjalan</marquee>Hasil:
#2 - Tulisan berjalan dari kiri ke kanan dengan efek memantul
Kode HTML:<marquee direction='left' behavior='alternate'> Ini pola goresan pena berjalan mondar mandir</marquee>Hasil:
#3 - Tulisan Berjalan dari Kiri ke kanan
Kode HTML:<marquee directoion='right'>Ini goresan pena berjalan dari kiri ke kanan</marquee>Hasil:
#4 - Tulisan Berjalan dari kiri ke kanan dengan efek memantul
Kode HTML:<marquee direction='right' behavior='alternate'>Tulisan berjalan dari kiri ke kanan memantul </marquee>Hasil:
#5 - Tulisan berjalan dari atas ke bawah
Kode HTML:<marquee direction='down'>Tulisan berjalan dari atas ke bawah </marquee>Hasil:
#6 - Tulisan Berjalan dari atas ke bawah mondar-mandir
Kode HTML:<marquee direction='down' behavior='alternate'>Tulisan berjalan dari atas ke bawah mondar-mandir</marquee>Hasil:
#7 - Tulisan berjalan dari kiri-ke kanan memantul dengan background kuning dan warna goresan pena merah
Kode HTML:<marquee behavior='alternate' direction='right' bgcolor='yellow' style='color:red;font-weight:bold;'>Hasil:
#8 - Tulisan berjalan dengan gerak acak
Kode HTML:<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>Hasil:
Kunci Penting Membuat Tulisan Berjalan
Sebenarnya untuk membuat goresan pena berjalan apapun jenis dan variasinya sangatlah mudah, apa yang harus anda pahami ialah isyarat berupa tag HTML untuk membuat goresan pena berjalan ayitu tag marquee, dan atribut yang dapat digunakan oleh tag html marquee tersebut, menyerupai yang sudah disebutkan di atas, dengan mengkombinasikan antara goresan pena berjalan dan juga atribut yang sudah ditentukan maka anda mampu membuat goresan pena berjalan sesuai dengan kreatifitas anda. silahkan bereksperimen sendiri dengan melibatkan atribut-atribut lainnya.Bagaimana cara Menerapkan (memasang) goresan pena berjalan pada halaman blog anda?
Untuk memasang goresan pena berjalan pada halaman blog anda bukanlah perkara yang sulit, caranya sangatlah mudah sekali, ada dua cara yang mampu anda gunakan, yang pertama mampu melalui editor artikel yang anda buat dan yang kedua mampu melalui widget.Melalui Artikel
Jika anda ingin memasang goresan pena berjalan hanya untuk beberapa artikel saja, maka langkah-langkahnya ialah sebagai berikut:- Saat anda sedang membuat artikel, masuk ke mode HTML
- Kopikan salah satu isyarat HTML goresan pena berjalan di atas pada bab artikel yang anda ingin goresan pena bergerak tersebut muncul
- Simpan artikel anda kemudian silahkan review untuk melihat akibatnya sebelum dipublish
Melalui Widget
Kode HTML untuk goresan pena berjalan juga mampu anda pasang melalui widget blog, langkahnya ialah sebagai berikut:- Masuk ke halaman utama akun blog anda
- Pada bilah menu sisi kiri, pilih menu pilih menu tata letak / layout
- Klik link tambahkan gadget yang ada, di bab yang anda ingin goresan pena berjalan muncul
- Lalu pilih widget HTML/Javascript, kemudian kopikan salah satu isyarat di atas, lalu tekan tombol simpan
Artikel menarik lainnya:
Cara membuat goresan pena terbalik
Itulah tutorial wacana bagaimana cara membuat goresan pena berjalan untuk halaman blog anda, silahkan bereksperimen sendiri untuk membuat goresan pena berjalan sesuai dengan yang anda inginkan, isyarat untuk membuat goresan pena berjalan ialah isyarat HTML standar, jadi anda mampu memasang isyarat HTML untuk goresan pena berjalan apapun flatform blognya, baik blogspot, wordpress dan blog lainnya. selamat mencoba. dan semoga berhasil.
0 Response to "Cara Mudah Membuat Tulisan Berjalan (marquee) di blog dengan Kode HTML"