Belajar Seo, Tutorial Blog, Tutorial Dunia Internet

Cara Mudah Membuat Text Berjalan Di Blog

Cara Mudah Membuat Text Berjalan Di Blog ~ Sobat blogger semua pasti sudah pernah melihat banyak sekali web atau blog yang menambilkan beberapa tex berjalan di blog mereka. tujuan utama menampilkan text berjalan tak lain adalah untuk memikat pengunjung bisa membacanya dan juga mengetahui informasi penting lainnya. jika tulisan tetap mungkin sering kali terlupakan atau tidak dibaca pengunjung blog, tetapi dengan adanya tulisan berjalan ini bisa mempermudah pengunjung serta memikat pengunjung blog utama membacanya.

Selain tujuan itu tulisan berjalan bisa menambah atau mempercantik tampilan blog anda. text berjalan bisa disebut juga dengan text running. ok penasaran bagaimana cara membuatnya. mari kita belajar seo bersama untuk bisa membuat text berjalan dalam blog sobat.
http://purnamaseo.blogspot.com/

Sebenarnya pembuatan text berjalan ini dalam html bisa disebut dengan marquee, dan juga bisa memiliki banyak variasi dalam menjalankan text running ini.  Menambahkan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana yaitu "<marquee> Teks Disini... </marquee>". Berikut ini kode marquee beserta contohnya:

Demo Marquee
Teks berjalan ke kiri
Selamat datang di purnamaseo.blogspot.com
Teks Berjalan ke kanan
Selamat datang di purnamaseo.blogspot.com
Teks berjalan ke atas
This is the best site purnamaseo.blogspot.com
Teks berjalan ke bawah
Cara membuat teks bergerak purnamaseo.blogspot.com
Teks berjalan bolak balik (Ke kiri dan ke kanan)
Dapatkan tips trik komputer di purnamaseo.blogspot.com
Teks berjalan Zig-Zag
Teks Tulisan Berjalan Zig Zag purnamaseo.blogspot.com

Kode Marquee
1. Teks berjalan ke kiri
<marquee> Teks disini... </marquee>
2. Teks Berjalan ke kanan
<marquee direction="right"> Teks disini... </marquee>
3. Teks berjalan ke atas
<marquee direction="up"> Teks disini... </marquee>
4. Teks berjalan ke bawah
<marquee direction="down"> Teks disini... </marquee>
5. Teks berjalan bolak balik (Ke kiri dan ke kanan)
<marquee behavior="alternate"> Teks disini... </marquee>
6. Teks berjalan Zig-Zag
<marquee direction="up" behavior="alternate"><marquee behavior="alternate"> Teks disini... </marquee></marquee>
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 : <marquee onMouseOver="this.stop()" onMouseOut="this.start()"> Teks disini... </marquee>
2. Menambahkan Background pada teks berjalan
Kode : bgcolor="blue" (Blue adalah kode warna, bisa diganti dengan warna favorite sobat)
Contoh penerapan kode : <marquee bgcolor="Blue"> Teks disini... </marquee>
3. Mengatur kecepatan teks berjalan
Kode : scrollamount="2" (Angka 2 adalah kecepatan teks berjalan, silahkan disesuaikan)
Contoh penerapan kode : <marquee scrollamount="2"> Teks disini... </marquee>
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 : <marquee width="300"> Teks disini... </marquee>
Teks marquee atau teks berjalan bisa juga diterapkan pada widget. Sobat cukup meletakkan kode widget DIANTARA kode marquee. Contoh:
<marquee direction="down"> Kode Widget disini.... </marquee>
Demikian yang bisa belajar seo sampaikan pada kesempatan kali ini mengenai tutorial blog. semoga bermanfaat. 
2 Komentar untuk "Cara Mudah Membuat Text Berjalan Di Blog"

mantap gan ,,,,, smga manfaat buat kite2 yg mash newbie ,,,, :)

Salam SUkss dari brebes ,,,

makasih mas kunjungannya....salam kenal juga

Back To Top