Menambahkan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana yaitu " Teks Disini... ". Berikut ini kode marquee beserta contohnya:
1. Teks berjalan ke kiri
3. Teks berjalan ke atas
1. Teks berhenti ketika diarahkan Cursor
Kode Widget disini....
Semoga bermanfa'at..........
Kode Marquee
1. Teks berjalan ke kiri
Teks disini...2. Teks Berjalan ke kanan
direction="right"> 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()"> Teks disini... 2. Menambahkan Background pada teks berjalan
Contoh penerapan kode : onMouseOver="this.stop()" onMouseOut="this.start()"
Kode : bgcolor="blue" (Blue adalah kode warna, bisa diganti dengan warna favorite sobat)> Teks disini... 3. Mengatur kecepatan teks berjalan
Contoh penerapan kode : bgcolor="Blue"
Kode : scrollamount="2" (Angka 2 adalah kecepatan teks berjalan, silahkan disesuaikan)> Teks disini... 4. Mengatur lebar teks berjalan
Contoh penerapan kode : scrollamount="2"
Kode : width="300" (Atur sendiri lebarnya. Kalau sobat blogger ingin mengatur tingginya juga, sobat blogger tinggal mengganti kata width menjadi hight)> Teks disini... Teks marquee atau teks berjalan bisa juga diterapkan pada widget. Sobat cukup meletakkan kode widget DIANTARA kode marquee. Contoh:
Contoh penerapan kode : width="300"
Kode Widget disini....
Cara Membuat Teks Berjalan Di Header Blog:
1. Log In ke Blogger.
2. Pilih Template => Edit Html.
3. Cari kode script
, Untuk mempermudah mencari silahkan tekan ctrl+F pada keyboard dan silahkan tulis kode di atas.
4. Setelah dapat, letakkan kode di bawah ini tepat di bawah kode tadi !!!
direction='left' scrollamount='5'>Tuliskan Deskripsi Yang Akan Anda Tampilkan
Keterangan:
left => arah Teks berjalan yaitu dari kiri ke kanan. Anda dapat merubah left menjadi right
5 => kecepatan Teks berjalan, semakin tinggi angkanya maka akan semakin cepat pula mode action marquenya
black => warna font. Untuk memilih warna lain, silahkan lihat disini : Daftar kode warna HTML
5. Selesai, simpan template Anda.
3 => ukuran font (size)
jika dalam keterangan diatas masih ada yang kurang jelas, silahkan berkomentar di kotak komentar di bawah.
5. Selesai, simpan template Anda.
Semoga Tutorial cara membuat teks berjalan di header blog ini bisa bermanfaat buat blogger yang lainnya.... Baca juga Cara Memasang Tombol Share Dibawah Postingan. Tombol
ini berguna untuk memudahkan para pengunjung blog yang ingin membagikan
artikel yang telah dibacanya ke jejaring sosial seperti Facebook Like
dan share, Twitter Tweet dan Google+1.
Semoga bermanfa'at..........
Geen opmerkings nie:
Plaas 'n opmerking