Cara Membuat Text Berjalan di Blog

Top Red | 8/20/2019 07:18:00 AM | 0 comments
thumbnail
Tujuannya Membuat Text Berjalan di Blog untuk menarik perhatian pengunjung agar Web/Blog tampak terlihat Cantik, Text Berjalan Running Text adalah salah satu fungsi untuk memodifikasi tulisan pada website/blog, Dengan Script Marquee ini untuk membuat efek teks menjadi bergerak atau berjalan. Berikut ini adalah Scrift Text Berjalan.

Cara Membuat Text Berjalan di Blog
Copy Paste Script Text Berjalan ini Letakan dibawah <data:post.body'/> Biasanya di urutan kedua dan ingat letakan sebelum </b:if> jika Anda Posting melalui Widget Japascript dan Halaman html juga bisa.

Step Pertama
Sebelum memulai hendaknya sedikit mengetahui tentang kode umum dalam text marquee berikut dalam membuat text berjalan
  1. Width; Lebar marquee, Satuan bisa pixel atau %.
  2. Height; Tinggi marquee, Sauan bisa pixel atau %.
  3. Bgcolor; Warna latar belakang marquee, Contoh : putih #fff.
  4. Behavior; Perilaku text, Pilihan : scroll, slide, alternate
  5. Scrollamount; kecepatan text bergerak, Satuan; 1, 2, 3, makin besar angkanya maka akan makin cepat jalannya
  6. Scrolldelay; Kecepatan text bergerak, Satuan  1, 2, 3, semakin besar angkanya maka akan makin lambat
  7. Direction; Teks bergerak dari arah mana, Pilihan  left, right, top, dan bottom, up, down.
Step Kedua dalam membuat text berjalan ada 3 Contoh Text Berjalan yang bisa diterapkan di Web/Blog Anda.

Contoh 1
<marquee behaviour="alternate" scrollamount="4" width="100%" >
Taruh Text Yang Anda Inginkan Disini Text Berjalan dari kiri ke Kanan
</marquee>

<marquee behaviour="alternate" scrollamount="4" width="100%" >
Anda Bisa Meleletakan Tulisan Disini Text Berjalan dari kiri ke Kanan
</marquee>

Ini Hasil Text Berjalan Contoh dari Kiri ke Kanan

Taruh Text Yang Anda Inginkan Disini Text Berjalan dari kiri ke Kanan Anda Bisa Meleletakan Tulisan Disini Text Berjalan dari kiri ke Kanan

Keterangan Contoh 1
  1. Tanpa direction berarti arahnya memakai default maka akan dari kiri ke kanan
  2. Tanpa background berarti warnanya akan menyatu dengan warna background default blog anda.
  3. Width 100 % berarti lebar 100 dari lebar default. Dapat menyesuaikan diri sesuai dengan lebar default blog.
Contoh 2
<marquee behaviour="alternate" bgcolor="#000000" scrolldelay="5" width="400px">
<span style="color: white;" direction="left">
Taruh Text Yang Anda Inginkan Disini
</span></marquee>


Ini Hasil Text Berjalan Contoh 2 dari Kiri ke Kanan Ada Background

Taruh Text Yang Anda Inginkan Disini


Keterangan contoh 2
  1. Bgcolor adalah warna background , bisa kalian ganti dengan warna lain.
  2. Width adalah lebar, disini saya menggunakan pixel sehingga tidak seperti contoh 1 yang menyesuaikan diri dengan lebar post.
  3. Height adalah tinggi, sebaiknya anda menggunakan pixel pada height.
  4. Span color adalah warna tulisan anda bisa menggantinya dengan warna lainnya.
  5. Direction left berarti arahnya terus dari kiri ke kanan tanpa terputus, anda bisa menggunakan right jika ingin arah sebaliknya.
Contoh 3
<marquee direction="down" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="300px">
Text Turun
<br />Text Berjan Text Turun
<br /> Contoh Text Turun
<br /> Bisa Diganti Text Turun
<br /> Seuai Anda Mau Text Turun
</marquee>

Hasil Text Berjalan Contoh 3 Text Turun
Text Turun
Text Berjan Text Turun
Contoh Text Turun
Bisa Diganti Text Turun
Seuai Anda Mau Text Turun


Keterangan contoh 3
  1. Direction down berarti arah datang dari bawah ke atas , bisa diganti dengan up jika kamu mau text turun ke bawah.
  2. Onmousover berarti text berhenti pada saat cursor diarahkan ke text tersebut.
  3. Onmouseout berarti text kembali bergerak pada saat cursor tidak diarahkan ke text.
Langkah Ketiga / Third Step
Untuk Langkah Ketiga silahkan pilih anda ingin memakai code contoh 1, 2 atau 3. Anda tinggal Copy Paste Kode diatas, Jika anda tidak puas dengan contoh yang telah saya berikan dan ingin marquee dengan gaya sendiri, silahkan anda lakukan sesuai dengan keterangan yang sudah tersedia.

Selamat Mencoba Semoga sukses. Cara Membuat Text Berjalan di Blog | IklanRedWhite
Share this article :


Article News =
thumbnail

Title :
Write By :
Tag :
Publisher :
Headline :
Description : Tujuannya  Membuat Text Berjalan di Blog untuk menarik perhatian pengunjung agar Web/Blog tampak terlihat Cantik, Text Berjalan Running Text...
Modified Date : 8/20/2019 07:18:00 AM
Published Date :
Post hentry :

Please This Review 0 Reviews Post a Review
Posted by : Top Red
Published On : 8/20/2019 07:18:00 AM
Average : 100%

Rating : 5 User Reviews. ★★★★★ © Vote : 87835
Reviews Based on Microformats Review Aggregate

Item Reviewed :


|
Terimakasih Atas Kunjungan Anda Jangan Lupa Berikan Tanggapan Anda Disini

0 comments:

Post a Comment

Berikan Komentar Anda Disini dengan Bahasa yang Sopan Singkat Padat dan Jelas Hindari Sara.

Leave Comment