Cara Membuat Tulisan Berjalan di WordPress

Cara membuat tulisan berjalan di wordpress gratisan (wordpress.com) pernah saya praktekkan saat iseng-iseng mencoba berkreasi dengan blog wordpress.com khusus uji coba saya. Meskipun cara membuat tulisan berjalan di blog wordpress agak berliku, mengingat wordpress tidak mengizinkan segala bentuk script, tapi toh akhirnya berhasil meskipun garus melalui bantuan pihak ketiga.

Bantuan pihak ketiga?. Ya dalam membuat tulisan berjalan di wordpress gratisan bisa dicoba dengan menggunakan layanan pihak ketiga. Di sini saya mencobanya dengan Marquee Text Live.

Langkah-langkah Membuat Tulisan Berjalan

Langkah-langkah untuk membuat tulisan berjalan adalah sebagai berikut:

  • Kunjungi situs:
http://www.marqueetextlive.com
Membuat Teks Berjalan

Membuat Teks Berjalan

  • Isikan parameter sebagai berikut
    1. Text: isi dengan tulisan yang hendak ditampilkan secara berjalan. sebagai contoh di sini saya menuliskan: “Selamat datang di blog yang khusus saya buat untuk melakukan serangkaian eksperimen dan uji coba”
    2. Font: Pilih jenis font yang disukai
    3. Font Size: Ukuran font
    4. Angle: kosongi saja
    5. Marquee Width (in characters): Lebar text saat berjalan (dalam karakter). Saya mencoba mengisikannya: 30
    6. Text Color: Warna teks yang dikehendaki. Kalau tidak hafal kode html warna, tinggal klik “Pick Color Random Color” yang ada di sampingnya. Akan keluarkan contoh-contoh warna, tinggal klik.
    7. Direction: Arah teks berjalan. Bisa dipilih berjalan dari kanan ke kiri atau sebaliknya dari kiri ke kanan.
    8. Marquee Behavior: Jenis animasi dari text yang tersedia. Silakan pilih:
      1. Scroll: text berjalan
      2. Slide In: text berjalan kemudian berhenti
      3. Alternate: text bulak balik
    9. Animation Speed (milliseconds): Kecepatan berjalannya teks. Di sini saya coba isikan: 10
  • Setelah selesai klik mengisi semua, klik tombol “Create Marquee Text” yang ada di bawahnya.
  • Akan keluar contoh hasil teks berjalannya di bagian atas (lihat yang saya beri kotak atas) dan kode html (kotak bagian bawah)
Kode html tulisan berjalan

Kode html tulisan berjalan

  • Copy kode html (klik tombol copy yang ada di sebelah kanan atas) dan siap di pasang di blog wordpress.

Sekarang cara memasang kode html teks (tulisan) berjalan tersebut di blog wordpress gratisan sobat. Caranya adalah:

  • Masuk ke dasbor wordpress, klik Appereance (Tampilan) kemudian klik “widget”
  • Pilih widget “Text“ kemudian drag (geser) ke sidebar widget
  • Kemudian paste-kan kode HTML tadi ke dalam widget text tersebut
Memasang kode teks berjalan

Memasang kode teks berjalan

  • Klik “simpan”
  • Widget text tersebut bisa digeser-geser (dipindah) ke tempat mana yang diinginkan tulisan berjalannya muncul
  • Selesai, sekarang blog sobat sudah memiliki tulisan berjalan (text running) layaknya blog blogspot. Dalam percobaan saya hasilnya seperti ini:
hasil teks berjalan

hasil teks berjalan

Selamat mencoba dan semoga berhasil.

Baca tips-tips wordpress lainnya:

56 Balasan ke Cara Membuat Tulisan Berjalan di WordPress

  1. Sepatu Murah berkata:

    salam kenal sobat, terimah kasih ya atas artikelnya sobat

  2. ainunnisa310 berkata:

    Kka kok aku pas buka link teks berjalannya kok tampilanya bahasa asing ga kaya digambarsih.. Kenapa ya?

  3. Benu berkata:

    Makasih artikelnya, menambah wawasan

  4. Gan Cara membuat Menu lalu menunya bisa menanpilkan isinya gmana?

  5. OKTA FANNY berkata:

    thanks gan membantu bgt
    sundul teruuus

  6. itsmartindo berkata:

    terima kasih untuk informasinya

  7. carandeanc berkata:

    Ternyata ada websitnya, aku muter muter nyontek yang kaya di blogger

Tulis Komentar Sobat

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.