Wednesday 9 January 2013

Cara Buat Tulisan Berjalan (Run Text) Di Blog

Disini kita akan membahas bagaimana cara untuk membuat tulisan berjalan (run text) di blog. Mungkin bagi teman-teman yang belum tau dan mau tau cara membuatnya susah apa tidak, ternyata sangat mudah sekali teman-teman, mari kita bahas lebih lanjut.

Ada bermacam cara dan pilihan run text yang akan kita bahas disini :

1. Dengan menggunakan Widget Download
2. Dengan menggunakan Kode html
  • 1.Anda bisa membuat run text dengan mudah tanpa harus mengetik sendiri script html nya, cukup dengan hanya copy paste, karena tersedia Link yang khusus membuat run text.

Berikut contoh dan caranya:

1.Ketik alamat Link widget nya di  http://www.widgeo.net/



2.Lalu anda pilih button Flash Message
3.Setelah itu akan muncul tampilan sebagai berikut :



Keterangan :
  1. Masukkan text yang akan anda jadikan run text, contoh: I Love Indonesia (sebelum huruf "I" kasih jarak spasi agar tak berhubung ke kalimat terakhir)
  2. Pilih warna
  3. Pilih ukuran
  4. Pilih kategori
  5. Pilih "NO"
  6. Check List button
  7. Klik
4.Kemudian akan muncul tampilan kode script html sebagai berikut :



5.Copy dan Paste kode tersebut ke blog anda dari Tata Letak >> Add Gadget >> Add Html/JavaScript & >> Add and Finish.

6.Selesai.

Adapun tipe lain dari run text adalah
  • 2.Dengan menggunakan kode script html

Disini kita mengatur sendiri tipe ukuran warna serta kecepatan jarak dan lain nya.

<marquee> ..tulis kata anda disini.. </marquee>

Berikut Contohnya :

CONTOH RUN TEXT 

Berikut Caranya:

-Copy Script dibawah ini:

<marquee align="center" direction="left" height="200" scrollmount="2" width="30%"> ..tulis kata anda disini.. </marquee>

-Ganti Tulisan "...tulis kata anda disini..." dengan kata pilihan anda
-Paste ke blog anda > Tata Letak > Add Gadget > Add Html/JavaScript > Paste
-Add and Finish

Keterangan:

Kita juga dapat merubah / edit sendiri tipe ukuran warna dan lainnya dengan kode dibawah ini :
  • width="lebar" mengatur lebar blok teks dalam pixel atau persen
  • title="pesan" pesan akan muncul saat mouse menyentuh teks
  • bgcolor="warna" untuk mengatur warna backgroun ( latar belakang ) teks
  • direction="left/right/up/down" mengatur arah gerakan teks
  • behavior="scroll/slide/alternate" untuk mengatur perilaku gerakan
  • scroll  >> teks bergerak berputar
  • slide  >> teks bergerak sekali lalu berhenti
  • alternate  >> teks bergerak dari kiri ke kanan lalu balik lagi
  • scrollmount="angka" mengatur kecepatan gerakan, semakin besar angka maka semakin cepat gerakannya
  • scrolldelay="angka" untuk mengatur waktu tunda gerakan dalam mili detik
  • loop="angka|-1|infinite" untuk mengatur jumlah loop
  • onmouseout="this.start()" ketika mouse tidak menyentuh teks maka akan berjalan
  • onmouseover="this.stop()" ketika mouse menyentuh teks maka akan berhenti
Catatan :

Tulisan ditulis di mode Compose, sedangkan kode di tulis pada mode Edit HTML agar script dapat bekerja dengan lancar.

Terima kasih.

10 comments: