Cara Membuat Teks / Tulisan Berjalan Di Blog

Dengan menambahkan efek marquee pada teks, pusat perhatian pengunjung pada teks itu akan lebih terfokus. Jadi buat sobat blogger yang ingin membuat sebuah pengumuman, pembeitahuan atau catatan penting, sebaiknya menggunakan efek marquee.
Menambahkan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana yaitu " Teks Disini... ". Berikut ini kode marquee beserta contohnya:

Demo Marquee

Teks berjalan ke kiri
Selamat datang di tutorialblogspot.com
Teks Berjalan ke kanan
Happy blogging for all of Indonesians blogger
Teks berjalan ke atas
This is the best site to learn about blog
Teks berjalan ke bawah
Cara membuat teks bergerak di blog
Teks berjalan bolak balik (Ke kiri dan ke kanan)
Dapatkan tips trik komputer disini
Teks berjalan Zig-Zag
Teks Tulisan Berjalan Zig Zag

Kode Marquee

1. Teks berjalan ke kiri
 Teks disini... 
2. Teks Berjalan ke kanan
 Teks disini... 
3. Teks berjalan ke atas
 Teks disini... 
4. Teks berjalan ke bawah
 Teks disini... 
5. Teks berjalan bolak balik (Ke kiri dan ke kanan)
 Teks disini... 
6. Teks berjalan Zig-Zag
 Teks disini... 
Apakah kode marquee di atas bisa kita kostumisasi? Jelas bisa, kode HTML marquee di atas dapat disesuaikan dengan style atau keinginan sobat blogger. Perhatikan contoh di bawah ini!
1. Teks berhenti ketika diarahkan Cursor
Kode : onMouseOver="this.stop()" onMouseOut="this.start()"
Contoh penerapan kode : onMouseOver="this.stop()" onMouseOut="this.start()"
> Teks disini... 2. Menambahkan Background pada teks berjalan
Kode : bgcolor="blue" (Blue adalah kode warna, bisa diganti dengan warna favorite sobat)
Contoh penerapan kode : bgcolor="Blue"
> Teks disini... 3. Mengatur kecepatan teks berjalan
Kode : scrollamount="2" (Angka 2 adalah kecepatan teks berjalan, silahkan disesuaikan)
Contoh penerapan kode : scrollamount="2"
> Teks disini... 4. Mengatur lebar teks berjalan
Kode : width="300" (Atur sendiri lebarnya. Kalau sobat blogger ingin mengatur tingginya juga, sobat blogger tinggal mengganti kata width menjadi hight)
Contoh penerapan kode : width="300"
> Teks disini... Teks marquee atau teks berjalan bisa juga diterapkan pada widget. Sobat cukup meletakkan kode widget DIANTARA kode marquee. Contoh:
Kode Widget disini....
Dengan menambahkan efek marquee pada teks, pusat perhatian pengunjung pada teks itu akan lebih terfokus. Jadi buat sobat blogger yang ingin membuat sebuah pengumuman, pembeitahuan atau catatan penting, sebaiknya menggunakan efek marquee.
Menambahkan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana yaitu " Teks Disini... ". Berikut ini kode marquee beserta contohnya:

Demo Marquee

Teks berjalan ke kiri
Selamat datang di tutorialblogspot.com
Teks Berjalan ke kanan
Happy blogging for all of Indonesians blogger
Teks berjalan ke atas
This is the best site to learn about blog
Teks berjalan ke bawah
Cara membuat teks bergerak di blog
Teks berjalan bolak balik (Ke kiri dan ke kanan)
Dapatkan tips trik komputer disini
Teks berjalan Zig-Zag
Teks Tulisan Berjalan Zig Zag

Kode Marquee

1. Teks berjalan ke kiri
 Teks disini... 
2. Teks Berjalan ke kanan
 Teks disini... 
3. Teks berjalan ke atas
 Teks disini... 
4. Teks berjalan ke bawah
 Teks disini... 
5. Teks berjalan bolak balik (Ke kiri dan ke kanan)
 Teks disini... 
6. Teks berjalan Zig-Zag
 Teks disini... 
Apakah kode marquee di atas bisa kita kostumisasi? Jelas bisa, kode HTML marquee di atas dapat disesuaikan dengan style atau keinginan sobat blogger. Perhatikan contoh di bawah ini!
1. Teks berhenti ketika diarahkan Cursor
Kode : onMouseOver="this.stop()" onMouseOut="this.start()"
Contoh penerapan kode : onMouseOver="this.stop()" onMouseOut="this.start()"
> Teks disini... 2. Menambahkan Background pada teks berjalan
Kode : bgcolor="blue" (Blue adalah kode warna, bisa diganti dengan warna favorite sobat)
Contoh penerapan kode : bgcolor="Blue"
> Teks disini... 3. Mengatur kecepatan teks berjalan
Kode : scrollamount="2" (Angka 2 adalah kecepatan teks berjalan, silahkan disesuaikan)
Contoh penerapan kode : scrollamount="2"
> Teks disini... 4. Mengatur lebar teks berjalan
Kode : width="300" (Atur sendiri lebarnya. Kalau sobat blogger ingin mengatur tingginya juga, sobat blogger tinggal mengganti kata width menjadi hight)
Contoh penerapan kode : width="300"
> Teks disini... Teks marquee atau teks berjalan bisa juga diterapkan pada widget. Sobat cukup meletakkan kode widget DIANTARA kode marquee. Contoh:
Kode Widget disini....

0 Response to "Cara Membuat Teks / Tulisan Berjalan Di Blog"

Post a Comment