Cara Membuat Tulisan Berjalan pada blog atau web ~ ID-005

Cara Membuat Tulisan Berjalan pada blog atau web, untuk sobat bloger pemula sobat harus tau dulu apa itu kode <marquee>

Penjelasan : Marquee adalah tag HTML yang berguna untuk membuat tampilan yang bergerak vertical atau horizontal. Dengan menggunakan tag Marquee ini kamu dapat menghasilkan suatu tampilan yang cukup interaktif dikarenakan tag ini menghasilkan tampilan yang bergerak sehingga akan sangat menarik perhatian para pengunjung.

untuk memulai membuat text berjalan ini sobat cukup menggunakan editor " Notepad atau edit++, dsb " oke langsung saja silahkan copy script nya ke Notepad atau editor yang sobat.
berikut adalah contoh simple atau sederhana yang buat di notepad.

Buat script berikut di notepad (copas aja biar cepet)

<html>

<title>text berjalan</title>

<head>

</head>

<body>

<marque> Cara Membuat Tulisan Berjalan pada blog atau web </marque>

</body>

</html>

Simpan dengan nama text_berjalan.html (jangan lupa di akhir pake .html atau .php biar kebaca di browsernya.
Buka file tersebut dengan open white mozilla atau chroom
OK

Ok langsung aja, kalo sobat sudah paham silahkan sobat coba script berikut ini, ane dapet dari SB-77 Design

<< MACAM >>

<< MACAM >>

EFEK TEKS DENGAN MARQUEE

Berikut beberapa model MARQUEE yang dapat Sobat gunakan untuk Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan:

1. Marquee Tanpa Atribut
Silahkan tinggal di copy aja kode html dibawah ini

<marquee>TEKS INI AKAN BERJALAN</marquee>

Hasilnya :
TEKS INI AKAN BERJALAN

2. Marquee Dengan Atribut
Scrollamount = Kecepatan kalimat, semakin besar angka maka kalimat berjalan cepat
Direction = Pengaturan gaya arah kalimat berjalan
Bgcolor = Pengaturan warna kalimat atau Teks berjalan
Behavior = Pengaturan gaya kalimat bejalan
Scrolldelay = Pengaturan gaya kalimat yang ditentukan dengan detik/mil

Silahkan tinggal di copy aja kode html dibawah ini

<marquee scrollamount="100">TEKS INI AKAN BERJALAN</marquee>

<marquee direction="left" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>

<marquee behavior="alternate" scrollamount="15">TEKS INI AKAN BERJALAN</marquee>

<marquee direction="right" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>

<marquee direction="right" scrollamount="100">TEKS INI AKAN BERJALAN</marquee>

<marquee bgcolor="red">TEKS INI AKAN BERJALAN</marquee>

Hasilnya :
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN

3. Marquee Dengan Penggabungan Beberapa Atribut
Silahkan tinggal di copy aja kode html dibawah ini

<marquee loop="5">KALIMAT INI AKAN BERJALAN</marquee>

<marquee direction="right" style="background-color: green;" width="125">KALIMAT INI AKAN BERJALAN</marquee><marquee direction="left" style="background-color: blue;" width="125">KALIMAT INI AKAN BERJALAN</marquee>

<marquee style="font-style: italic;">KALIMAT MIRING AKAN BERJALAN</marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN 5X SETELAHNYA AKAN HILANG
KALIMAT INI AKAN BERJALANKALIMAT INI AKAN BERJALAN
KALIMAT MIRING AKAN BERJALAN

4. Marquee Dengan Penggabungan Atribut Sesuai Perintah Mouse
Atribut berikut dapat Sobat tambahkan untuk memanggil perintah pointer mouse. Singkatnya, efek teks akan berhenti saat panah mouse Sobat melintasi/berada pada teks, dan sebaliknya teks akan kembali berjalan saat pointer mouse di lepas.

Silahkan tinggal di copy aja kode html dibawah ini

<marquee onmouseout="this.start()" onmouseover="this.stop()">KALIMAT INI AKAN BERJALAN</marquee>

<marquee direction="up" height="30" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI AKAN BERJALAN</marquee>

<marquee direction="down" height="30" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI AKAN BERJALAN</marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN

KALIMAT INI AKAN BERJALAN

5. Marquee Dengan Perpaduan Atribut Style
Silahkan tinggal di copy aja kode html dibawah ini

<marquee direction="right" scrollamount="225" width="200">KALIMAT INI AKAN BERKEDIP</marquee>

<marquee scrollamount="200" width="180">KALIMAT INI AKAN BERKEDIP</marquee>

<marquee onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Kembali ke Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan</marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN

Kembali ke Cara Membuat Tulisan Berjalan pada blog atau web

Selamat mencoba dan semoga sekses.

Terimakasih

Thank Too : SB-77 Design
http://sahabatblogger77.blogspot.co.id/2013/12/mempercantik-tampilan-blog-dengan-membuat-teks-berjalan.html

Baca dan Download Artikel Terkait

1 komentar:

Click here for komentar

Terim kasih untuk komentarnya, saya harap artikelnya bermanfaat

Anonim

admin

23 Maret 2022 pukul 14.41 ×

Cara Membuat Tulisan Berjalan Pada Blog Atau Web ~ Id-005 >>>>> Download Now

>>>>> Download Full

Cara Membuat Tulisan Berjalan Pada Blog Atau Web ~ Id-005 >>>>> Download LINK

>>>>> Download Now

Cara Membuat Tulisan Berjalan Pada Blog Atau Web ~ Id-005 >>>>> Download Full

>>>>> Download LINK

Congrats bro Anonim you got PERTAMAX...! hehehehe...

Cara Membuat Tulisan Berjalan pada blog atau web

Related Post

1 komentar: