Monday, May 30, 2016

Cara Mudah Membuat Text Bergerak Di Blog

Chat on Whatsapp

Dari beberapa keyword yang Kang Wira cari di Google tentang cara mudah membuat text bling-bling, ternyata sugesti pencarian dari Google memberikan beberapa tujuan diantaranya yaitu artikel yang mengupas tentang Cara Mudah Membuat Text Bergerak di Blog.

Yang akhirnya saya coba untuk membahas trik text bergerak ini agar tampil di widget blog. Tutorial kali ini sebenarnya sangat mudah, karena hanya butuh sedikit saja untuk edit kode HTML yang akan saya share kali ini.




Sebenarnya hanya dengan menggunakan bahasa pemrograman html saja, kamu sudah bisa membuat text bergerak yang bisa kamu tampilkan dimana saja sesuai keinginan kamu.

Dibawah ini saya akan share source kode yang digunakan agar text bisa bergerak di blog kamu. Biasanya Text Bergerak ini digabungkan kedalam satu div dan diletakkan pada posisi yang pantas, misalnya dibawah judul blog, atau dibawah Menu Navigasi, atau bisa juga kita letakkan pada sidebar

Tulisan / Text Bergerak dari kanan ke kiri

 <marquee direction="left" scrollamount="2" align="center">Contoh Text Berjalan</marquee>

Hasilnya :
Contoh Text Berjalan

Tulisan / Text Bergerak dari kiri ke kanan

 <marquee direction="right" scrollamount="2" align="center"> Contoh Text Berjalan </marquee>

Hasilnya :
Contoh Text Berjalan


Tulisan / Text Bergerak Bolak Balik (Mondar - Mondar)

 <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

Hasilnya :
Contoh Text Berjalan

Tulisan / Text Bergerak dari atas ke bawah


<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Text Berjalan </marquee>

Hasilnya :
Contoh Text Berjalan

Tulisan / Text Bergerak dari bawah ke atas

<marquee direction="up" scrollamount="2" align="center"> Contoh Text Berjalan </marquee>

Hasilnya :
Contoh Text Berjalan 

Cukup Menarik bukan ? Nah berikut ini adalah cara memasang Text Bergerak di Blog.

Cara Memasang :

  1. Login ke Akun Blog kamu
  2. Pilih Rancangan --> Elemen Laman --> Tambah Widget --> HTML/Javacript
  3. Silahkan masukkan kode Text Bergerak diatas yang sesuai kebutuhan kamu
  4. Klik Save dan Lihat Hasilnya

Ohya, Kode HTML Marquee diatas bukan hanya bisa kita gunakan pada Text saja yah, kamu juga bisa gunakan pada beberapa gambar sekaligus, agar tidak menghabiskan space sidebar.

Baca juga: Cara Menampilkan Random Post


Dengan menerapkan kode marquee atau Text Bergerak seperti diatas, tampilan blog kamu akan lebih cantik dipandang oleh para pengunjung blog kamu.

Dan demikianlah Cara Mudah Membuat Text Bergerak  di Blog agar lebih mudah dimengerti dan dipahami.

Jika ada pertanyaan sekilas dari Topik artikel kali ini, silahkan teman-teman berikan komentar pada kolom komentar di bawah ini.

Jangan lupa untuk berlangganan artikel blog ini dengan mengisi alamat email kamu pada kolom Berlangganan Gratis dibawah.
Previous
Next Post »
BLOGGER
DISQUS

No comments