Cara membuat tulisan berjalan di blog – Metropro

cara+menulis+di+a+blog
Bagaimana melakukan running writing

Cara membuat tulisan berjalan di blog – Running text atau teks berjalan tampilannya menarik, sehingga sering digunakan pada blog untuk menarik perhatian pengunjung.

Running text juga sering disebut marquee, karena menggunakan kode marquee. Fungsi kode marquee tidak hanya digunakan untuk teks saja, tetapi gambar juga bisa dijalankan saat menggunakan kode ini.

Untuk menjalankan scriptnya sangat mudah, tinggal menambahkan kode marquee dan beberapa tambahan kode HTML untuk variasi. Nah, bagi yang ingin mengetahui cara menulis di blog, silahkan simak pembahasan berikut ini.

Cara membuat tulisan berjalan di blog

Kode dasar untuk menjalankan teks atau marquee adalah sebagai berikut:

INI ADALAH TEKS KERJA

Sebagai kode dasar, secara default teks berjalan dari kanan ke kiri dan berulang terus menerus. Kode dasar di atas terlihat seperti contoh berikut:

Selain kode diatas, ada beberapa kode tambahan yang bisa digunakan untuk membuat variasi marquee. Berikut ini adalah daftar kode marquee dan contoh penggunaannya.

Disutradarai oleh Marquee Motion

Untuk mengatur arah marquee, gunakan kode direction=”left/right/up/down”. Penjelasannya adalah sebagai berikut:

  • untuk bergerak dengan benar
  • kiri untuk bergerak ke kiri (default)
  • untuk naik
  • untuk bergerak ke bawah

Contoh penggunaan kode arah marquee:

TULIS PINDAH KANAN

Hasilnya akan terlihat seperti di bawah ini:

MENULIS BERGERAK DENGAN BENAR

Script PINDAH KE ATAS

Hasilnya akan terlihat seperti di bawah ini:

REKAMAN PINDAH

Hasilnya akan terlihat seperti di bawah ini:

TULIS PINDAH SEKARANG

Lebar dan tinggi tenda

Untuk mengatur lebar marquee, gunakan kode width=”number”. Sedangkan untuk mengatur ketinggian, gunakan kode height=”number”. Untuk satuan, Anda dapat menggunakan px atau % dari bidang yang ada.

Contoh penggunaan kode lebar/tinggi marquee:

LEBAR TULISAN 50 PERSEN

Hasilnya akan terlihat seperti di bawah ini:

TEKS BERJALAN LEBAR 50%

TEKS PERINGATAN TINGGI 150 PX

Hasilnya akan terlihat seperti di bawah ini:

TEKS MENJALANKAN TINGGI 150 PX

Istirahat waktu tenda

Untuk mengatur waktu tunda pada marquee, gunakan kode scrolldelay=”number”. Angka-angka di sini dalam milidetik. Jadi, untuk jeda 1 detik, gunakan angka 1000.

Berikut adalah contoh penggunaan kode scroll delay marquee:

REKOR INI MEMBUTUHKAN 0,5 DETIK

Hasilnya akan terlihat seperti di bawah ini:

PENULISAN INI MENUNDA 0,5 DETIK

Kecepatan Gerakan Marquee

Untuk mengatur kecepatan pergerakan marquee, gunakan kode scrollamount=”number”. Semakin besar angkanya, maka akan semakin cepat.

Contoh penggunaan kode scrollamount marquee:

TULUSAN KECEPATAN BERJALAN 10

Hasilnya akan terlihat seperti di bawah ini:

KECEPATAN BERJALAN JUJUR 10

Ulangi tenda

Untuk mengatur pengulangan pada marquee, gunakan kode loop = “angka”. Angka di sini menentukan berapa banyak loop yang dibuat tenda.

Contoh penggunaan kode marquee loop:

MENULIS HANYA BEKERJA 3 kali

Hasilnya akan terlihat seperti di bawah ini:

LARI HANYA 3 KALI SAJA

Informasi:
Angka 3 menunjukkan jumlah pengulangan, setelah berjalan 3 kali teks tidak akan muncul atau hilang lagi.

Pindahkan Bouncing

Untuk mengatur jenis gerakan melompat pada marquee, gunakan kode behavior=”scroll/slide/alternatif”. Berikut ini adalah jenis-jenis marquee movement yang dapat digunakan:

  • gulir untuk berpindah sepenuhnya ke satu halaman dan keluar dari halaman lainnya
  • geser untuk bergerak sekali, lalu berhenti dan ulangi lagi
  • bergantian untuk memindahkan biji dari ujung ke ujung

Contoh penggunaan kode etik marquee:

KARYA PENULISAN skip

Hasilnya akan terlihat seperti di bawah ini:

MENULIS BERJALAN

Warna latar tenda

Untuk menetapkan background atau warna latar belakang pada marquee, gunakan kode bgcolor=”color”. Pilih warna favorit dengan kode HTML.

Contoh penggunaan kode tenda bgcolor:

LATAR BELAKANG KUNING TEKS BERJALAN

Hasilnya akan terlihat seperti di bawah ini:

Berjalan menulis latar belakang KUNING

Marquee font, ukuran dan warna

Untuk mengatur jenis, ukuran dan warna font marquee, gunakan kode style = “font-family:?; font-size:?px; color:#?;”. Berikut penjelasannya:

  • Keluarga font untuk jenis font
  • ukuran font untuk ukuran font
  • Warna untuk warna font

Contoh penggunaan kode gaya marquee:

WALKING TEXT / ARIAL FONT 20 PX RED

Deskripsi skrip:
Keluarga font: arial
Ukuran huruf: 20px
Warna merah

Beri judul marquee

Untuk menampilkan judul atau pesan saat kursor diletakkan pada jalur marker, gunakan kode title=”message”.

Contoh penggunaan kode judul marquee:

TULISAN BEKERJA DENGAN PESAN

Hasilnya akan terlihat seperti di bawah ini:

Menulis bekerja DENGAN pesan

Informasi:
Hentikan kursor pada trek (bukan pada teks yang sedang berjalan) untuk membaca pesan.

Berhenti ketika kursor lewat

Untuk menghentikan marquee saat kursor disilangkan, gunakan kode onmouseover = “this.stop()” onmouseout = “this.start()”.

Contoh penggunaan kode marquee onmouseover:

TEKS BERHENTI KETIKA KURSOR DIBERIKAN

Hasilnya akan terlihat seperti di bawah ini:

TULIS TAHAN SAAT KURSOR DIMASUKKAN

Informasi:
Arahkan kursor ke jalur atau teks untuk menghentikan pergerakan marquee.

Buat tautan di marquee

Untuk membuat tautan di marquee, cukup tambahkan JUDUL LINK dalam kode dasar marquee.

Contoh membuat link pada marquee:


Hasilnya akan terlihat seperti di bawah ini:

Mengambil gambar berjalan

Untuk menjalankan gambar, cukup Sertakan kode dalam kode dasar marquee.

Contoh membuat gambar berjalan:

Hasilnya akan terlihat seperti di bawah ini:

Cara memasang Code Marquee

Untuk memasang kode marquee, setidaknya ada dua cara yang bisa digunakan, yakni penggunaan widget dan artikel.

Instal kode marquee di blogger

Cara memasang kode marquee pada widget blogger, langkah-langkahnya adalah sebagai berikut:

  • Buka menu Tata Letak
  • Klik Tambahkan Gadget
  • Pilih gadget HTML/JavaScript
  • Masukkan kode marquee yang telah dibuat
  • Klik Simpan

Cara memasang kode marquee pada artikel di blogger, langkah-langkahnya adalah sebagai berikut:

  • Saat menulis artikel, masuk ke mode HTML
  • Masukkan kode tenda dalam mode ini
  • Kembali ke Mode Tulis (Tulis)
  • Klik pratinjau untuk melihatnya

Instal Kode Marquee Di WordPress

Cara memasang kode marquee di widget WordPress, langkah-langkahnya adalah sebagai berikut:

  • Masuk ke dasbor WordPress
  • Pilih menu Penampilan
  • Pilih Widget
  • Pilih Header/Footer
  • Klik pada tanda tambah (+)
  • Cari HTML dan klik
  • Masukkan kode merek yang dibuat
  • Klik Pembaruan

Cara menambahkan kode marquee pada artikel di WordPress, langkah-langkahnya adalah sebagai berikut:

  • Saat menulis artikel, pilih opsi
  • Kemudian pilih Editor Kode
  • Masukkan kode tenda dalam mode ini
  • Jika demikian, klik Keluar dari Editor Kode
  • Klik pratinjau untuk melihatnya

Demikian tutorial cara membuat running/marquee/running text di blog. Semoga bermanfaat.

website Pelajaran SD SMP SMA dan Kuliah Terlengkap

Materi pelajaran terlengkap

mata pelajaran
jadwal mata pelajaran mata pelajaran sma jurusan ipa mata pelajaran sd mata pelajaran dalam bahasa jepang mata pelajaran kurikulum merdeka mata pelajaran dalam bahasa inggris mata pelajaran sma jurusan ips mata pelajaran sma
bahasa inggris mata pelajaran
bu ani memberikan tes ujian akhir mata pelajaran ipa
tujuan pemberian mata pelajaran pendidikan kewarganegaraan di sekolah adalah
dalam struktur kurikulum mata pelajaran mulok bersifat opsional. artinya mata pelajaran smp mata pelajaran ipa mata pelajaran bahasa indonesia mata pelajaran ips mata pelajaran bahasa inggris mata pelajaran sd kelas 1
data mengenai mata pelajaran favorit dikumpulkan melalui cara
soal semua mata pelajaran sd kelas 1 semester 2 mata pelajaran smk mata pelajaran kelas 1 sd mata pelajaran matematika mata pelajaran ujian sekolah sd 2022
bahasa arab mata pelajaran mata pelajaran jurusan ips mata pelajaran sd kelas 1 2021 mata pelajaran sbdp mata pelajaran kuliah mata pelajaran pkn
bahasa inggrisnya mata pelajaran mata pelajaran sma jurusan ipa kelas 10 mata pelajaran untuk span-ptkin mata pelajaran ppkn mata pelajaran ips sma mata pelajaran tik
nama nama mata pelajaran dalam bahasa inggris mata pelajaran pkn sd mata pelajaran mts mata pelajaran pjok
nama nama mata pelajaran dalam bahasa arab mata pelajaran bahasa inggrisnya mata pelajaran bahasa arab
seorang pengajar mata pelajaran akuntansi di sekolah berprofesi sebagai
nama mata pelajaran dalam bahasa jepang
hubungan bidang studi pendidikan kewarganegaraan dengan mata pelajaran lainnya
dalam struktur kurikulum mata pelajaran mulok bersifat opsional artinya mata pelajaran dalam bahasa arab
tujuan mata pelajaran seni rupa adalah agar siswa

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *