Minggu, 17 April 2016

Cara Membuat Tulisan Berjalan / Marquee Text pada Blogspot

0 komentar
Cara Membuat Tulisan Berjalan / Marquee Text pada Blogspot

Bagaimana cara membuat tulisan berjalan pada blog.?? Tulisan atau text berjalan ini para blogger biasa menyebutnya Marquee Text karena cara buatnya menggunakan kode marquee.. Di bawah ini, Oplosanblog akan coba share berbagai macam variasi marquee text yang bisa sobat coba. Karena dengan adanya marquee text ini di blog sobat, akan membuat blog sobat lebih dinamis dan bisa membuat blog lebih menarik di mata pengunjung blog.. hehe..

oke langsung saja yah, tapi sebelumnya akan dijabarkan penggunaannya marquee text ini pada bagian manannya.. cekibrrottt brohh..

Sobat Oplosanblog bisa menggunakan marquee text ini di widget blog atau di postingan, berikut step2 nya..
1. Pasang di widget blog
- Login dulu ke akun blog sobat
- Klik menu Tata Letak / Layout
- Klik tambah Gadget
- Pilih gadget HTML/JAVASCRIPT
- Copy pastekan kode-kode marquee text yang sobat buat
- Terakhir klik Simpan
2. Pasang pada postingan blog
- Saat akan menulis artikel untuk blog sobat, setting ke tampilan HTML terlebih dahulu
- Copy pastekan kode-kode marquee text yang sobat buat
- Kembalikan ke tampilan COMPOSE untuk melihat posisi text sudah cocok apa belum
- Klik PRATINJAU untuk lihat hasilnya sebelum benar-benar mau diposting

Sudah jelas kan untuk pemasangannya, kalo ada yang kurang jelas bisa sobat komentar di bawah.. hehe... Okey, selanjutnya baru Oplosanblog coba share variasi marquee text nya.. capcuss..

1. Kode dasar Marquee Text
<marquee>TULISAN BERJALAN</marquee>
Hasilnya seperti ini

TULISAN BERJALAN
2. Kode variasi jenis font, warna, ukuran pada Marquee Text
Bisa sobat coba tambahkan seperti ini
<marquee bgcolor="pink" style="font-family: Arial; font-size:20px, color:#B24700;">TULISAN BERJALAN</marquee>

Keterangan :
bgcolor = warna background
font-family = jenis font
font-size = ukuran font
color = warna font (kode bisa cari DI SINI)

Hasilnya seperti ini

TULISAN BERJALAN
3. Kode variasi waktu delay pada Marquee Text
Contoh : <marquee scrolldelay="1000">TULISAN BERJALAN</marquee>
angka 1000 untuk jeda 1 detik, 500 untuk jeda 0,5 detik, dst

Hasilnya seperti ini

TULISAN BERJALAN
4. Kode variasi untuk mengatur lebar teks yang berjalan
<marquee width="50%">TULISAN BERJALAN</marquee>
sobat bisa variasi sendiri, dari angka 100% sampai 10% :D

Hasilnya seperti ini

TULISAN BERJALAN
5. Kode variasi untuk mengatur kecepatan teks yang berjalan
<marquee scrollamount="12">TULISAN BERJALAN</marquee>
angka 12 bisa sobat ganti sesuai selera, semakin besar angkanya maka semakin cepat jalannya

Hasilnya seperti ini

TULISAN BERJALAN
6. Kode variasi pengulangan teks yang berjalan
<marquee loop="3">TULISAN BERJALAN</marquee>
jadi semisal sobat isi dengan angka 3, makan text hanya melakukan pengulangan text yang berjalan sebanyak 3 kali, setelah itu teks akan hilang

Hasilnya seperti ini

TULISAN BERJALAN
7. Kode variasi title pada teks yang berjalan
<marquee title="TULISAN BERJALAN">TULISAN BERJALAN</marquee>
apabila kursor sobat di dekatkan di teks berjalan maka akan muncul tulisan

Hasilnya seperti ini

TULISAN BERJALAN
8. Kode variasi untuk membuat teks berjalan ke kanan/ke kiri/ke atas/ke bawah
<marquee direction="right">TULISAN BERJALAN</marquee>
direction bisa diisi right/left/up/down.. namun kalau sobat pilih yang up dan down sobat harus menambahkan kode height
contoh :
<marquee direction="up" height="100">TULISAN BERJALAN</marquee> 

Hasilnya seperti ini

TULISAN BERJALAN
9. Kode variasi untuk mengatur pergerakan teks yang berjalan
<marquee behavior="scroll/slide/alternate">TULISAN BERJALAN</marquee>
behavior bisa diisi slide/scroll/alternate
slide = tulisan bergerak sekali, berhenti kemudian diulang lagi
scroll = tulisan muncul dari ujung satu dan hilang pada ujung yang satunya
alternte = tulisan akan memantul dari kiri-kanan
contoh yang variasi alternate
<marquee behavior="alternate">TULISAN BERJALAN</marquee>
 
Hasilnya seperti ini

TULISAN BERJALAN
10. Kode variasi untuk menambahkan link pada teks yang berjalan
<marquee direction="right"><a href="http://oplosanblog.blogspot.com/2016/04/cara-membuat-tulisan-berjalan-marquee.html">TULISAN BERJALAN</a></marquee>

Hasilnya seperti ini

TULISAN BERJALAN
11. Kode variasi untuk membuat teks berhenti berjalan bila kursor di dekatkan pada teks
tinggal tambahkan saja tulisan = onmouseover="this.stop()" onmouseout="this.start()"
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BERJALAN</marquee>

Hasilnya seperti ini

TULISAN BERJALAN

Sudah jelas kan sekarang sobat... waktunya berkreasi teks berjalan.. selamat mencoba... semoga bermanfaat ^_^

Diposting Oleh : Boeztanoel ~ Blogging, Trik, Tips, Free Software

Sobat sedang membaca artikel tentang Cara Membuat Tulisan Berjalan / Marquee Text pada Blogspot. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.

:: Oplosanblog ! ::

Artikel Terkait



Get this widget [ Here ]

Leave a Reply

Berkomentarlah di blog ini dengan cerdas dan sopan :
* Dilarang mencantumkan link aktif, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: :D
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentar sobat dihapus karena tidak mematuhi aturan!!