Belajar Membuat Tulisan Berjalan di Blog

السلام عليكم

Salam Rahayu dan Damai Selalu

Sahabatku yang baik hati, sebenarnya sudah banyak di internet yang membahas tentang maarquee, namun apa salahnya jika kita belajar lagi tentang cara membuat tulisan berjalan (marquee).
Adapun penerapannya ada dua macam,



1. Pemasangan marquee pada artikel:
  #. Masuk pada editor atau entri baru.
  #. Silahkan ubah dari model compose ke HTML

 #. Masukkan tulisan yang akan berjalan disertai kode marquee.

 #. Klik compose dan chek tulisannya. apakah sudah berfungsi , klik pratinjau.

baca juga: cara membuat tulisan mengitari Pointer/kursor

2. Pemasangan marquee pada widget.

 #. Masuk ke akun blogger kita, 

 #. Klik "tata letak" >> tambah gadget, terserah posisi yang mana.

 #. Klik opsi HTML/JavaScript

 #. Masukkan kode marquee yang telah kita siapkan.

 #. Klik simpan.

 #. Lihat apakah sudah bekerja.

Perlu kita ketahui kode dasar dari tulisan berjalan atau dikenal dengan marquee adalah

<marquee>TEKS YANG BERGERAK</marquee>

Kode di atas akan jadi seperti ini,(tulisan warna di atas kita ganti dengan tulisa selera kita).

TEKS YANG BERGERAK

itu kode dasar yang belum dipoles atau dipadukan dengan kode kode yang lain.

Kita bisa memadukan dengan kode yang kita sukai.

#. Kode dasar mengubah font, ukuran dan warna,
style="font-family:arial;font-size:20px;color:red"
keterangan: arial= jenis font, bisa kita rubah sesuai selera kita
                        20px=besar kecilnya huruf, bisa kita rubah
                       red=warna tulisan, bisa kita rubah
Perhatikan tanda( " )(petik dua), (;)(titik koma),(:)(titik dua)
misal kita akan membuat tulisan TEKS YANG BERJALAN dengan font lucida calligraphy, besarnya 25px dengan warna tulisan biru, maka kodenya :

<marquee style="color:blue;font-family:lucida calligraphy;font-size;25px">TULISAN YANG BERJALAN</marquee>

jadinya seperti di bawah ini:
TULISAN YANG BERJALAN

#. kode membuat dasar atau background tulisan,
  bgcolor="pink"
  kata "pink" bisa kita rubah sesuai warna selera kita.
kita akan membuat tulisan dasar hijau, dengan tulisan warna kuning, maka perintahnya:

<marquee bgcolor="green" color="yellow">TULISAN YANG BERJALAN</marquee>

maka jadinya seperti di bawah ini:

TULISAN YANG BERJALAN

#. kode perintah arah bergeraknya marquee.
direction="left" /"right"/"up"/"down"
bila akan membuat tulisan bergerak naik, maka perintah marqueenya sbb:

<marquee direction="up">TULISAN NAIK</marquee>

maka jadinya seperti ini :
TULISAN NAIK

- bila akan membuat marquee ke kanan, maka perintahnya:

<marquee direction="right">TULISAN KE KANAN</marquee>

TULISAN KE KANAN

#. kode perintah tulisan berhenti bila tersentuh kursor.
onmouseover="this.stop()"onmouseout="this.start()"

<marquee onmouseover="this.stop()" onmouseout="this.start()">

TULISAN BERJALAN</marquee>

maka akan terlihat di bawah ini:


TULISAN BERJALAN
#. kode mengatur kecepatan marquee berjalan.
scrollamount="12"
angka 12 bisa kita rubah sesuai selera kita. Semakin besar angkanya, maka semakin
 cepat jalannya.

<marquee scrollamount="30">TULISAN YANG BERJALAN</marquee>

TULISAN YANG BERJALAN

#. kode mengatur kecepatan jeda.
scrolldelay="500"   
angka 500 bisa kita rubah dengan selera kita. 
500 artinya jedanya  0,50 detik. Jadi kita bisa mengganti 1000 untuk 1 detik, 
2000 untuk 2 detik ..dan seterusnya.

<marquee scrolldelay="500">TEKS YANG BERJALAN</marquee>

TEKS YANG BERJALAN

#. kode untuk memberi alt title pada area tulisan yang berjalan.
title="pesan tulisan"   
gunanya bila kursor mengarah ke daerah tulisan yang berjalan tersebut, 
maka akan muncul tulisan yang kita kehendaki.

<marquee title="belajarlah selagi masih hayat di kandung badan">

TULISAN DENGAN TITLE</marquee>

TULISAN DENGAN TITLE


#.kode marquee  dengan link
<a href="alamat web">judul</a>
misal kita akan membuat marquee dengan link, tulisan turun,warna background grey
dan bila terkena kursor berhenti maka perintahnya:

<marquee bgcolor="grey"  align="center" direction="down" 

onmouseover="this.stop()" onmouseout="this.start()"><a href="http://laatansabelajar.blogspot.co.id/2016/01/cara-membuat-tulisan-berjalan-lengkap.html">belajar membuat tulisan berjalan</a></marquee>

belajar membuat tulisan berjalan

mungkin itu dulu belajar kita kali ini. dan kami tunggu koreksi dan pencerahannya.

Salam Rahayu selalu
والسلام عليكم