Cara Membuat Teks Berjalan Pada Blog

PayuBaco

Cara Membuat Teks Berjalan Pada Blog - Taqabbalallahu minna wa minkum siyamana wa siyamakum, minal aidin wal faizin mohon maaf lahir dan batin. Wah gak kerasa udah sebulan lebih umat muslim melaksanakan ibadah puasa dan saya sebagai umat muslim ingin mengucapkan permintaan maaf apabila ada kesalahan dan kekhilafan selama menulis artikel di blog ini. Beberapa waktu yang lalu tepatnya sebelum idul fitri saya menemukan sebuah blog yang terdapat tulisan bergerak didalamnya, awalnya tidak ada yang menarik terkait hal itu, sampai pada sore hari ini saya sedikit kebingungan dengan apa artikel yang akan saya buat pada hari ini hehe. Ya akhirnya saya memutuskan untuk membagikan tutorial membuat teks berjalan pada blog aja hehe, saya yakin ada beberapa dari sobat yang belum bisa membuat tulisan bergerak di blog kan?

Oh ya sebelumnya kode script pada tutorial ini saya dapat dari blog bang Rafiqi, S.Kom. bagi yang penasaran dengan blognya bisa kunjungi blog Guru Design. Nah pada tutorial ini terdapat beberapa jenis teks berjalan yang bia sobat gunakan, dan pastikan ketika mengcopy semua kode yang disediakan agar dapat berjalan dengan baik. Oke langsung saja kita ke tutorialnya.

Bentuk Pertama

Kurang lebih seperti ini tulisan bergeraknya.

Untuk membuat tulisan bergerak seperti diatas silahkan copy kode dibawah ini 

<marquee style='color:#00b0cf; font-size:14px' direction='left' scrollamount='5'>
   Kurang lebih seperti ini tulisan bergeraknya.
</marquee>
Keterangan :
  1. Direction = Arah kemana tulisan akan bergerak. Ubah tulisan Left menjadi Right untuk ke arah kanan, Up untuk keatas dan Down untuk kebawah.
  2. Scrollamount = Kecepatan tulisan bergerak silahkan ubah angka 5 menjadi lebih besar jika ingin lebih cepat, dan ubah lebih kecil jika ingin lambat.
  3. Color = Ini merupakan warna teks, silahkan ganti kode #00b0cf dengan kode warna lainnya yang bisa sobat cek disini.
  4. Font-size = Ukuran tulisan

Bentuk Kedua

Kurang lebih seperti ini bentuk tulisan bergeraknya.

Jika sobat tidak melihat demo diatas, silahkan sobat refreh ulang halaman ini karna demo ini akan menghilang ketika teks sudah berjalan selama 3 kali.

Untuk membuat tulisan bergerak seperti diatas silahkan copy kode dibawah ini 

<marquee style='color:#00b0cf; font-size:14px' loop='3'>
   Seperti ini sobat tulisannya menggunakan loop
</marquee>
Keterangan :
  1. Loop = Banyaknya pengulangan tek berjalan, sobat tinggal ubah angka 3 sesuai dengan kebutuhan sobat.

Bentuk Ketiga

Text berjalan menggunakan gaya slide

Jika sobat tidak melihat demo diatas berhenti, silahkan sobat refreh ulang halaman ini karna demo ini akan berhenti ketika teks menabrak sisi kiri atau kanan.

Untuk membuat tulisan bergerak seperti diatas silahkan copy kode dibawah ini 

<marquee style='color:#00b0cf; font-size:14px' behavior='slide'>
   Text berjalan menggunakan gaya slide
</marquee>
Keterangan :
  1. Behavior = Teks akan berhenti ketika menabrak salah satu sisi, untuk membuat tulisan memantul ke sisi kiri dan kanan sobat tinggal ubah Slide menjadi Alternate ini contohnya.
Text bergerak menggunakan gaya alternate

Untuk membuat tulisan bergerak seperti diatas silahkan copy kode dibawah ini

<marquee style='color:#00b0cf; font-size:14px' behavior='alternate'>
   Text bergerak menggunakan gaya alternate
</marquee>

Gimana sob tutorial cara membuat teks berjalan pada blog, mudah bukan? Jika ingin menerapkannya pada blog sobat, pastikan dengan seksama tutorial diatas. Nah jika memang dirasan sudah yakin sobat bisa menerapkannya pada blog atau website sobat. Oh ya jika sobat ada yang berminat untuk menerbitkan tulisannya diblog ini silahkan kunjungi halaman Penulis Tamu, kami sangat menyambut teman-teman yang ingin berkontribusi di blog ini. Jangan lupa untuk meninggalkan komentar ya, siapa tau ada yang ingin kunjungan balik dari kami hehe. Terima kasih dan sampai jumpa diartikel selanjutnya.