Jumat, 19 September 2014

Cara Membuat Tulisan Berjalan (Running Text) di Blog

Cara Membuat Tulisan Berjalan (Running Text) di Blog
Di sini kita akan membahas bagaimana cara  membuat tulisan berjalan (running text) di blog. Bagi teman-teman yang belum tau dan mau tau cara membuatnya dapat memperhatikan pembahasan berikut.
Ada bermacam cara dan pilihan running text yang akan kita bahas di sini.
    1.    Dengan menggunakan Widget Download
    2.    Dengan menggunakan Kode html
Anda bisa membuat running text dengan mudah tanpa harus mengetik sendiri script html nya. Cukup dengan copy paste Anda dapat membuat running text, karena tersedia Link yang khusus berfungsi untuk itu.
A.   Berikut contoh dan cara membuat running text menggunakan Widget Download:



  • Lalu anda pilih button Flash Message
  • 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
  •     Kemudian akan muncul tampilan kode script html sebagai berikut:

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


B.   Berikut contoh dan cara membuat running text menggunakan Kode html
     Di sini kita mengatur sendiri tipe ukuran warna serta kecepatan jarak dan lainnya.

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

Berikut Caranya:
   §  Copy Script di bawah 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 di bawah 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.
     Selamat mencoba, semoga berhasil

Tidak ada komentar:

Posting Komentar