Cara Menghasilkan Goresan Pena Berlangsung Dan Gambar Berlangsung (Marquee) Di Website/Blog

Cara Membuat Tulisan  Berjalan (Marquee) di Website/Blog

 

Karena untuk mendapakan karya yang bagus kita selaku penulis perlu berkreasi pada goresan pena di blog kita untuk menampilkan kesan yang indah dan menawan bagi para pembaca/pengujug blog kita nantinya.

Salah satunya, kita sanggup memberi sedikit sentuhan seni animasi yakni menghasilkan tulisan/teks yang terlihat berjalan.

Terkadang di saat kita meonton Tv Sering kan lihat tulisan/teks berlangsung di layar televisi, di pinggir jalan  terpasang papan kawasan periklanan (Billboard),di counter-conter umumnya banyak terpasang dengan banyak sekali macam gerakan.

Sedangkan dalam dunia Web-pro, tulisan/teks berlangsung atau running text lebih dipahami dengan nama “Marquee”

Marquee merupakan salah satu isyarat bahasa kesibukan HTML (HyperText Markup Language), untuk menghasilkan pengaruh tulisan/gambar menjadi berlangsung atau bergerak.

Cara menghasilkan goresan pena berlangsung (marquee) di website/blog, bukanlah hal yang sulit, bergotong-royong sungguh muah jikalau telah tahu caranya. 

Kaliini kita akan menjajal menghasilkan berbagai jenis marquee yang sanggup teman dekat pilih untuk di erapkan dalam blog. Namun apalagi dahulu kita menuntut ilmu menghasilkan Script -nya dan lihat contohnya 

Mari kita diskusikan mulai dari yang dasar dahulu. 

Kode dasar Tag Marquee :

<marquee> TULISAN BERJALAN </marquee>

Secara default, teks akan berlangsung dari kanan ke kiri dan berulang terus-menerus.

Contoh: 

TULISAN BERJALAN

Tapi mungkin  Teks pola diatas kurang seru, jikalau cuma gerakannya monoton itu-itu saja. Tenang saja disni akan dibahas tag marquee yang memiliki beberapa attribute yang sanggup kita kombinasikan untuk menghasilkan berbagai kombinasi gerakan goresan pena sesuka hati.

Berikut beberapa Atribut Marquee :

Attribute & Value	Description
direction = "left/right/up/down"	Mengatur arah gerakan teks
behavior="scroll/slide/alternate" Note : *scroll (bergerak berputar) *slide (sekali kemudian berhenti) *alternate (bolak-balik men)	Mengatur sikap gerakan teks Seperti : bergerak sekali kemudian berhenti, berputar, atau bolak-balik
align = “left/right/center/justify”	Mengatur posisi teks
bgcolor ="warna/kode warna"	Memberi warna tulisan
scrollamount="angka"	Mengatur kecepatan gerakan, makin besar angka makin cepat gerakannya
scrolldelay="angka"	Mengatur waktu tunda gerakan dalam mili detik
loop = "angka |-1| infinite"	Mengatur jumlah perulangan (loop)
width="px atau %"	Mengatur lebar blok teks dalam pixel atau persen
height ="px atau %"	Mengatur tinggi blok teks dalam pixel atau persen
title="Cara Membuat Tulisan Berjalan dan Gambar Berjalan (Marquee) di Website/Blog"	Pesan akan timbul di saat mouse berada di atas teks
onmouseover = “this.stop()”	Menghentikan teks di saat disorot mouse
onmouseout = “this.start()”	Menjalankan teks di saat mouse menjauh
hspace = "px"	Mengatur jarak kiri-kananya teks
vspace = "px"	Mengatur jarak atas-bawahnya teks

Catatan : 

Silahkan teman dekat berkreasi dengan cara mengkombinasikan atribut marquee ini. 

Bahkan teman dekat juga sanggup untuk hiasan tampilannya sesuai keinginan, dengan menggabungkannya isyarat kesibukan CSS.

Sekarang mari kita sama-sama menuntut ilmu menghasilkan goresan pena bejalan di website/blog, dengan Script HTML marquee. 

Silahkan ganti "TULISAN BERJALAN" dengan pesan singkat yang ingin teman dekat sampaikan di blog sobat.

1. Tulisan Berjalan dari kanan ke kiri, atau dari kiri ke kanan

Script :

<marquee direction="left" scrollamount="10"> Tulisan berlangsung ke kiri </marquee><br />
<marquee direction="right" scrollamount="10"> Tulisan bejalan ke kanan </marquee>

Contoh:

Tulisan berlangsung ke kiri
Tulisan bejalan ke kanan

2. Tulisan berlangsung dari atas ke bawah, atau dari bawah ke atas 

 Script :

<marquee align="center" direction="down" scrollamount="3"> Tulisan berlangsung ke bawah </marquee><marquee align="center" direction="up" scrollamount="3"> Tulisan berlangsung ke atas </marquee>

Contoh :

Tulisan berlangsung ke bawah Tulisan berlangsung ke atas

3. Tulisan berlangsung memusat atau bertentangan arah (kiri - kanan) 

 Script :

<marquee direction="right" width="50%"> Tulisan berlangsung arah memusat</marquee><marquee direction="left" width="50%"> Tulisan berlangsung arah memusat </marquee><marquee width = "50%"> Tulisan berlangsung bertentangan arah </marquee><marquee direction="right" width="50%"> Tulisan berlangsung bertentangan arah </marquee>

Contoh : 

Tulisan berlangsung arah memusat Tulisan berlangsung arah memusat Tulisan berlangsung bertentangan arah Tulisan berlangsung bertentangan arah

4. Tulisan berlangsung memantul (bolak balik ) 

 

Script :

<marquee behavior="alternate" scrollamount="10"> Tulisan berlangsung memantul </marquee>

Contoh :

Tulisan berlangsung memantul

5. Tulisan berlangsung Zig-zag 

 Script :

<marquee behavior ="alternate" direction = "up" height="60px" scrollamount="6"> <br />
<marquee direction="right" scrollamount="6"> Tulisan berlangsung zig-zag </marquee> </marquee>

Contoh :

Tulisan berlangsung zig-zag

6. Tulisan berlangsung melayang 

 Script :

<marquee behavior="alternate" direction="up" height="100" scrollamount="6" weight="460"><marquee behavior="alternate" direction="right"> Tulisan berlangsung terbang </marquee> </marquee>

Contoh :

Tulisan berlangsung terbang

7. Tulisan berlangsung dengan atribut "behavior" 

 Script :

<marquee behavior="scroll" scrollamount="10" width="400">Tulisan berlangsung (scroll) </marquee><br /><marquee behavior="slide" scrollamount="10" width="400"> Tulisan berlangsung (slide) </marquee><br /> <marquee behavior="alternate" scrollamount="10" width="400"> Tulisan berlangsung (alternate) </marquee>

Contoh : 

Tulisan berlangsung (scroll)
Tulisan berlangsung (slide)
Tulisan berlangsung (alternate)

8. Tulisan berlangsung dengan kecepatan 

 Script :

<marquee width="350"> Tulisan berlangsung dengan kecepatan </marquee><br /<marquee scrollamount="5" width="350"> Tulisan berlangsung dengan kecepatan </marquee><br /><<marquee scrollamount="25" width="350"> Tulisan berlangsung dengan kecepatan </marquee>

Contoh :

Tulisan berlangsung dengan kecepatan
Tulisan berlangsung dengan kecepatan
Tulisan berlangsung dengan kecepatan

9. Tulisan berlangsung dengan atribut "vspace"

 Script :

<marquee bgcolor="red" scrollamount="10" vspace="15" width="400" > Tulisan berlangsung (vspace) </marquee><br /><marquee bgcolor="yellow" scrollamount="10" vspace="15" width="400"> Tulisan berlangsung (vspace) </marquee><br /><marquee bgcolor="green" scrollamount="10" vspace="15" width="400"> Tulisan berlangsung (vspace) </marquee>

Contoh :

Tulisan berlangsung (vspace)
Tulisan berlangsung (vspace)
Tulisan berlangsung (vspace)

10. Tulisan berlangsung dengan "hspace" 

 Script :

<marquee bgcolor="red" hight="100" width="400"> Tulisan berlangsung (hspace) </marquee> <br /> <marquee bgcolor="yellow" hight="100" hspace="8" width="400"> Tulisan berlangsung (hspace) </marquee><br /> <marquee bgcolor="green" hight="100" hspace="20" width="400"> Tulisan berlangsung (hspace) </marquee>

Contoh :

Tulisan berlangsung (hspace)
Tulisan berlangsung (hspace)
Tulisan berlangsung (hspace)

11. Tulisan berlangsung dengan Background 

 Script :

<marquee bgcolor="FFF300" align ="center" direction ="left" scrollamount="10"> Tulisan berlangsung dengan background </marquee>

Contoh :

Tulisan berjalan dengan background

12. Tulisan berlangsung dengan link, dan akan berhenti di saat pointer ditaruh di atasnya. 

 Script :

<marquee align="center" direction="up" height="200" onmouseout ="this.start()" onmouseover = "this.stop()" scrollamount="2" width="100%"> <a href="https://idn.paperplane-tm.site/search?q=cara-membuat-tulisan-berjalan-dan"> Cara menghasilkan goresan pena Berjalan</a><br /> <a href="https://idn.paperplane-tm.site/search?q=cara-membuat-tulisan-berjalan-dan"> Cara menghasilkan goresan pena Berjalan </a><br /> <a href="https://idn.paperplane-tm.site/search?q=cara-membuat-tulisan-berjalan-dan"> Cara menghasilkan goresan pena Berjalan  </a><br /> </marquee>

Contoh :

Cara menghasilkan goresan pena Berjalan
Cara menghasilkan goresan pena Berjalan
Cara menghasilkan goresan pena Berjalan

13. Tulisan berlangsung dengan atribut "Loop" 

Catatan: 

Tulisan ini berlangsung cuma 5x puteran. Habis itu, goresan pena berhenti. Untuk menyaksikan gerakan, silahkan di-refresh kembali. 

 Script :

<marquee loop="5" width="450"> Tulisan berlangsung dengan loop </marquee> <br /> <marquee behavior ="slide" loop="5" width="450"> Tulisan berlangsung dengan loop </marquee>

Contoh :

Tulisan berlangsung dengan loop
Tulisan berlangsung dengan loop

14. Gambar berlangsung dengan tag Marquee 

 Script :

<marquee><img src="https://1.bp.blogspot.com/-gZFXBlAjtY0/X5RtM838K-I/AAAAAAAAJTI/RahMegI3lSQUMnOe5MF9kkiQ66rlclNVwCLcBGAsYHQ/s150/animasi-bergerak-berlari-0071.gif" /></marquee>

Contoh :

15. Kombinasi Atribut Marquee 

Kombinasi marquee sanggup dilaksanakan dengan memadukan beberapa atribut sekaligus. Sobat telah mengenali dasar-dasar menghasilkan marquee, silahkan mengkreasikan marquee teman dekat sendiri. 

Contoh :

Ingat Selalu yah Sobat Semua Pasti Bisa  Terima Kasih Semoga Berjalan Lancar Semoga Bermanfaat Tidak ada yang sia-sia  Kejarlah cita-citamu

<< SELAMAT >> << MENCOBA >>

Bagaimana cara memasang goresan pena dan gambar berlangsung di website/blog? 

Ada dua cara yang sanggup kita pakai untuk memasangnya, yakni lewat editor postingan dan lewat widget. 

1. Melalui Editor Artikel 

Caranya : 

1. Masuk ke Dashboard 
2. Buat Posting/New Entry
3. Tuliss konten seumpama biasa hingga selesai 
4. Ganti mode penulisan dari “Compose” menjadi “HTML” 
5. Copy script goresan pena berlangsung yang teman dekat suka, dan Paste -kan Script tersebut pada posisi yang teman dekat mau. 
6. Kembali ganti mode penulisan dari “HTML” menjadi "Compose", kemudian edit “Tulisan berjalan..!” ganti dengan goresan pena teman dekat yang hendak dijalankan. 
7. Silahkan klik "Pratinjau" untuk memutuskan script telah berjalan. 
8. Terakhir, jikalau telah berlangsung dan posisinya telah pas. 
9. Silahkan dipublish. 

2. Melalui Widget 

Caranya : 

1. Masuk ke Dashboard 
2. Pada Menu segi kiri, Pilih Tata Letak/Layout 
3. Klik Tambahkan Gadget Baru 
4. Pilih gadget HTML/JavaScript Copy & Paste -kan goresan pena berlangsung pada bab konten. 
5. Pastikan teman dekat menyaksikan goresan pena Rich Text 
6. Save 

Demikian cara menghasilkan goresan pena dan gambar berlangsung (marquee) di website/blog, supaya teman dekat sanggup mempraktekanya.

Semoga teman dekat menyukainya, silahkan berkreasi sendiri untuk mempercantik website/blog menjadi lebih menarik, atau mungkin ingin menjajal bereksperimen dengan menghasilkan versi baru. 

Silahkan untuk mencobanya ya! Semoga berharga dan sanggup memperbesar ilmu sobat. Terima kasih telah berkunjung.