• Madjongke.com
  • Kontak
  • Facebook

Madjongke

Bacaan Santai Kehidupan Sehari-hari

  • Beranda
  • Cinta
  • Kehidupan
  • Kesetiaan
  • Wanita/Cewek
  • Cowok/Pria
  • Kendaraan
  • Lainnya
    • Kata-kata
    • Travel
    • Berita
    • Komik
    • Suami
    • Mertua
    • Resep Masakan
    • Anak
    • Kisah nyata
    • Mantan
    • Lain-lain
Beranda » blog » 9 Cara Membuat Teks berjalan Serta Jenis-jenisnya (marquee)

9 Cara Membuat Teks berjalan Serta Jenis-jenisnya (marquee)

Untuk sedikit memberikan hiasan pada blog, sering kita lihat banyak blogger terlalu banyak memasang widget dalam jumlah yang tidak sedikit. Bahkan, sebagian dari mereka memasang widget tertentu yang tidak memberi dampak baik pada perkembangan blog.

Padahal ada alternatif lain untuk menghiasi blog kita. Salah satunya dengan membuat text berjalan. Tulisan yang kita inginkan bisa kita buat bisa berjalan sesuai keinginan.

Bukan hanya itu, file lain seperti gambar juga bisa kita buat berjalan sesuai keinginan. Untuk caranya akan madjongke.com berikan. Berikut cara membuat tulisan, gambar, dsb berjalan sesuai keinginan.

kode html marquee

Untuk yang pertama adalah membuat teks berjalan paling dasar. Caranya hanya dengan menambah kode html marquue pembuka dan penutup pada teks yang ingin dibuat berjalan.

<marquee>Cara Membuat Teks berjalan</marquee>

Contohnya seperti dibawah ini

Cara Membuat Teks berjalan

Untuk membuat teks berjalan kearah kanan kita hanya tinggal menambahkan kode html direction="right" pada kode marquee pembuka

<marquee direction="right">Teks berjalan ke arah kanan</marquee>

Hasil dari penambahan kode tersebut seperti ini
Teks berjalan ke arah kanan

Berikutnya, kita akan membuat kode teks berjalan ke atas. Karena pada umumnya teks berjalan keatas membutuhkan luas yang kadang belum tersedia karena kode css sebelumnya, maka kita perlu menambahkan kode height="400". Ini untuk menyesuaikan tinggi ruang yang diperlukan, semakin tinggi angka yang dimasukkan maka semakin tinggi ruang yang kita buat. Dan yang paling utama adalah penambahan kode direction="up"

<marquee direction="up" height="300">Madjongke.com</marquee>

Hasilnya

Madjongke.com

Jika ingin membuat ke arah bawah tinggal ganti kode up menjadi down

<marquee direction="down" height="300">Madjongke dot com</marquee>

Hasilnya akan seperti dibawah ini
Madjongke dot com


Selanjutnya jika membuat teks berjalan terpental, silahkan tinggal masukan kode html seperti dibawah ini.

<marquee behavior="alternate" direction="right">teks mental</marquee>

Dan hasilnya akan seperti ini

teks mental


Jika ingin mengatur kecepatan kode marquee yang ingin ditampilkan. Kita bisa menambahkan kode scrollamount="30" sesuaikan angka dengan keinginan. Semakin besar maka kecepatan akan semakin bertambah.

Contoh kode html

<marquee scrollamount="20" >Madjongke Ngebut</marquee>

<marquee scrollamount="2">Motor Tua</marquee>

<marquee scrollamount="35" >Rossi Ngebut</marquee>

Dan hasilnya seperti ini

Madjongke Ngebut

Motor Tua

Rossi Ngebut


Untuk mengganti teks dengan gambar silahkan ganti teks dengan kode html <img alt="madjongke" src="url gambar">

Contoh kode html marquee

<marquee><img alt="madjongke" src="http://1.bp.blogspot.com/-M744MNpNTbo/U7MsZmfI8uI/AAAAAAAAAmc/b_pMPNDJXdg/s1600/wanita-madjongkedotcom.jpg"></marquee>

Hasilnya
madjongke marquee

Pelajaran berikutnya, jika ingin membuat teks berjalan berhenti saat disorot pointer mouse, caranya dengan menambahkan kode onmouseover="this.stop()".

Contoh

<marquee onmouseover="this.stop()">Rider tanpa helm</marquee>

Dan hasilnya seperti ini

Rider tanpa helm

Jika ingin membuatnya bisa berjalan lagi tambahkan kode onmouseout="this.start()"

Contoh

<marquee onmouseout="this.start()" onmouseover="this.stop()">Rider tanpa helm tapi banyak duit</marquee>

Dan hasilnya seperti ini

Rider tanpa helm tapi banyak duit


Silahkan gabung-gabungkan sendiri kode yang sudah madjongke.com berikan. Sesuaikan dengan kebutuhan dan selera. Dan sebagai hiburan, dibawah ini hasil yang sudah madjongke.com buat hanya sebagai hiburan saja. Kamu bisa menghentikan laju salah satu mobil dengan mengarahkan pointer mouse pada mobil yang kamu inginkan untuk berhenti. Semoga bermanfaat dan semoga menghibur.


marquee gambar berjalan

gambar berjalan kode html

teks berjalan membuat
Rohmad Nur Hidayat, Senin, 17 November 2014

Bagikan

#blog #Terbaru
Artikel Terkait
Lebih baru
Lebih lama
Beranda

10 Terpopuler

  • 5 Cara Manual Mengukur Konsumsi BBM Kendaraan Tanpa Mengandalkan Display Konsumsi BBM
    Tidak semua mobil memiliki display konsumsi bbm per liter. Sebagian besar hanya berdasarkan kebiasaan menggunakan kendaraan miliknya. Dengan...
  • 10 Arti Kata Hmm Dari Wanita Saat Chat, Kamu Yang Mana?
    Penggunaan kata hmm sebenarnya digunakan untuk menunjukkan kondisi sedang berpikir. Seharusnya setelah menggunakan kata itu ada kalimat teru...
  • Cerita Cinta Terlarang Dengan Istri Orang (Nyata)
    ....Suaminya merantau untuk bekerja sehingga kami dengan leluasa menjalin hubungan. Dia begitu baik dan sangat dewasa hingga membuat aku ben...
  • Pilih Setia Atau Selalu Ada, Ini 10 Jawaban Perbandingannya
    Jika memang cuma ada dua pilihan antara yang setia dengan yang selalu ada, tentunya akan merasakan kebimbangan. Karena yang selalu ada tapi ...
  • Kata-kata Untuk Yang Sering Jadi Bahan Omongan Orang
    Karena diawali oleh dugaan yang belum tentu benar, kadang banyak pihak yang meyakini bahwa hal itu benar. Kemudian menjadikan hal itu menjad...
  • 12 Kalimat Pengganti Untuk Tanya 'Sudah Punya Pacar Belum?'
    Dengan teman satu aktivitas saja kadang kamu tidak bisa mengetahui secara pasti dia punya pacar atau tidak, apalagi dengan orang yang belum...
  • 10 Kata Sindiran Untuk Orang Yang Suka Mencampuri Kehidupan Orang Lain
    Dalam kehidupan sehari-hari, kita sering dihadapkan dengan orang usil yang suka mencampuri urusan orang lain. Sepertinya ingin membantu, tap...
  • 10 Kata-kata Halus Tapi Nyindir Orang Suka Nyinyir, Ghibah, Gosip
    Punya teman suka gosip, nyinyir, julid, dan sebagainya?. Atau bisa juga tetangga yang suka melakukan hal-hal tersebut dan sering bikin kupin...
  • Berapa Lama Pria Bisa Menahan Rindu?, Ini 5 Jawabannya
    Bagi wanita yang punya rencana menjalani hubungan jarak jauh tentu saja sempat khawatir dengan kemampuan pria menahan rasa rindu. Sebab jika...
  • 10 Kata-kata Sindiran Karena Pacar Malu Mengakui Kita
    Kata-kata untuk menyindir karena pacar malu mengakui, jadi dia jarang upload foto kita di media sosial. Bahkan status facebook pun tidak ada...
Beranda | Tentang | Kontak | Privacy Policy | Syarat Dan Ketentuan | Sitemap
Copyright © 2012-2022 Madjongke - All Rights Reserved
Powered by Blogger