Cara Menulis HTML untuk Pesan Bergulir

Merancang, membuat, dan memelihara situs web profesional untuk bisnis Anda adalah banyak pekerjaan. Bahkan setelah Anda menjalankan dan menjalankan situs web Anda, menarik pengunjung dapat terbukti lebih menantang. Setelah calon pelanggan mengklik iklan atau tautan untuk mengunjungi situs Anda, penting bahwa halaman Anda dengan cepat menarik perhatiannya untuk mencegahnya mengklik situs web pesaing. Salah satu cara untuk menarik perhatian pengunjung adalah dengan menggulirkan teks yang bergerak melintasi layar. Hanya dengan potongan kode HTML, Anda dapat membuat tenda bergulir yang menarik perhatian pengunjung seperti magnet.

1.

Luncurkan Windows Notepad atau teks pilihan Anda atau editor HTML. Buka file untuk halaman Web yang ingin Anda tingkatkan dengan pesan gulir.

2.

Arahkan ke titik di mana Anda ingin pesan gulir muncul di halaman. Klik dan letakkan mouse di ujung baris kode tepat di atas tempat Anda ingin pesan itu muncul, lalu tekan "Enter" untuk memasukkan carriage return atau line break dalam kode.

3.

Salin dan rekatkan berikut ini ke dokumen HTML untuk membuat pesan gulir sederhana dengan teks yang menggulir dari sisi kanan halaman satu kali tetapi tidak melanjutkan menggulir:

Ketikkan pesan gulir Anda di sini

4.

Salin dan tempel kode berikut ke halaman untuk menyisipkan pesan gulir dengan teks yang menggulir dari kanan dan terus menggulir dalam satu lingkaran:

Ketikkan pesan gulir Anda di sini

5.

Salin dan tempel kode berikut ke dalam dokumen HTML untuk membuat pesan gulir di mana teks terpental bolak-balik di layar terus menerus:

Ketikkan pesan gulir Anda di sini

6.

Salin dan tempel kode berikut ke halaman untuk membuat teks menggulir ke atas dari bagian bawah kotak teks:

Ketikkan pesan gulir Anda di sini

7.

Ubah kecepatan gulir pesan dengan memasukkan argumen "scrollamount" ke dalam kode tenda. Misalnya, yang berikut ini akan menggulir pesan dengan perlahan melintasi layar:

Ketikkan pesan gulir lambat Anda di sini

Gunakan kode di bawah ini untuk membuat pesan bergulir lebih cepat di layar:

Ketikkan pesan gulir cepat Anda di sini

Ubah variabel "scrollamount" sesuai kebutuhan untuk menambah atau mengurangi kecepatan gulir teks.

8.

Simpan file HTML di Notepad atau aplikasi editor pilihan Anda. Masuk ke panel kontrol hosting Web Anda dan gunakan File Manager atau utilitas serupa untuk mengunggah file ke server Web Anda.

9.

Buka browser Web dan navigasikan ke URL untuk halaman HTML yang diperbarui. Setelah halaman dimuat di jendela browser Anda, pesan bergulir di layar.

Kiat

  • Anda dapat menyisipkan gambar gulir di halaman Web Anda juga. Untuk melakukan ini, salin dan tempel kode berikut pada titik di mana Anda ingin gambar gulir muncul di halaman:
  • Ubah "//www.somesite.com/images/picture.gif" ke URL gambar sebenarnya yang ingin Anda gulir di layar.
  • Jika Anda merasa tidak percaya diri menulis kode HTML dari awal, Anda dapat menggunakan generator kode tenda online untuk membuat kode. Situs-situs seperti Quackit.com, HTMLMarquee.com, dan HTMLBasix.com menyediakan generator gratis dan mudah digunakan yang dapat Anda gunakan untuk mendesain pesan gulir dan kemudian menghasilkan kode HTML yang cukup Anda tempelkan ke halaman Web mana saja (tautan dalam Sumberdaya.)

Pesan Populer