Artikel cara membuat tulisan berjalan marque pada blogspot. cara ini sebenarnya sudah saya bahas pada artikel saya yang lalu dengan judul cara membuat tulisan bergerak di blog, namun pada kesempatan kali ini saya akan jelaskan kembali manfaat dari penggunaan kode marquee juga penambahan variasi kode marquee atau kode tulisan berjalan yang belum sempat dibahas pada artikel pertama.
Tulisan berjalan yang dipasang pada sebuah blog akan menambah tampilan blog menjadi menarik dan tentunya isi/konten informasi dari tulisan berjalan tersebut bisa menjadi pusat perhatian pengunjung. Tulisan berjalan marque ini biasanya berisi tentang info penting misal: iklan, No kontak admin, promo sebuah produk atau bisa juga dijadikan sebagai tulisan selamat datang bagi pengunjung.
Cara membuat tulisan berjalan ini tidak lah sulit, tetapi anda harus tahu dulu kode-kode marque yang digunakan, variasi kodenya-pun beragam sesuai dengan pergerakan tulisan yang diinginkan dan sesuai dengan template blog anda.
Kode perintah (kode dasar) dalam membuat marque atau tulisan berjalan adalah:
Tulisan berjalan yang dipasang pada sebuah blog akan menambah tampilan blog menjadi menarik dan tentunya isi/konten informasi dari tulisan berjalan tersebut bisa menjadi pusat perhatian pengunjung. Tulisan berjalan marque ini biasanya berisi tentang info penting misal: iklan, No kontak admin, promo sebuah produk atau bisa juga dijadikan sebagai tulisan selamat datang bagi pengunjung.
Cara membuat tulisan berjalan ini tidak lah sulit, tetapi anda harus tahu dulu kode-kode marque yang digunakan, variasi kodenya-pun beragam sesuai dengan pergerakan tulisan yang diinginkan dan sesuai dengan template blog anda.
Kode perintah (kode dasar) dalam membuat marque atau tulisan berjalan adalah:
<marquee>TULISAN INI YANG AKAN BERJALAN</marquee>Hasil tampilannya:
Selain kode dasar marquee diatas, tulisan berjalan terdapat beberapa variasi, diantaranya adalah:
- Mengubah kecepatan pergerakan dari kecepatan standar.<marquee scrolldelay="500">KECEPATAN TULISAN INI DELAY 0.5 DETIK</marquee>
Anda bisa memakai kode scrolldelay="angka kecepatan", angka kecepatan dalam milidetik, jadi ketika angka kecepatan anda tulis 500, maka jeda pergerakan adalah 500milidetik atau 0.5 detik (setengah detik)
Contoh kode marquee:
Hasil tampilannya:
- Mengubah media teks yang bergerak.<marquee width="50%">TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA</marquee>
Kali ini saya akan menggunakan satuan % dalam penerapannya. Anda bisa memakai kode width="lebar bidang", jika anda memakai angka 50% maka area untuk text berjalan akan memakai setengahnya dari lebar bidang yang tersedia. bingung?? kita lihat penerapannya ya...
contoh kode marquee:
Hasil tampilannya:
- Membuat tulisan berjalan dan akan berhenti ketika dilintasi KURSOR MOUSE<marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS</marquee>
Anda bisa memakai kode onmouseover="this.stop()" onmouseout="this.start()", jika tulisan berjalan itu terlintasi kursor mouse komputer maka otomatis tulisan berjalan akan berhenti selama kursor tersebut berada diatas tulisan berjalan tersebut.
Contok kodenya:
Hasil tampilannya:
- Membuat Link pada tulisan berjalan<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center">
Anda bisa menggunakan kode <a href="alamat url link">nama link</a>, jadi ketika tulisan berjalan ini diklik maka akan akan masuk ke link yang sudah ditentukan. Agar maksimal maka penggunaan kode link ini dipadukan dengan kode berhenti ketika kursor melintas dan kode pergerakan dari atas kebawah:
Contoh kodenya:
<a href="http://jasapembuatanblog-murah.blogspot.com">Jasa pembuatan blog murah</a><br/>
<a href="http://jasapembuatanblog-murah.blogspot.com/2012/12/toko-online-wordpress-2-dengan-fitur.html">Toko online wordpress</a><br/>
<a href="http://jasapembuatanblog-murah.blogspot.com/2013/01/fitur-seo-on-page-blogger.html">Fitur SEO Blogger</a></marquee>
Hasil tampilannya:
- login ke blogger
- Klik menu Tata Letak
- Klik Tambah Gadget
- Pilih widget HTML/Javascript
- Pasang Kode yang sudah dijelaskan diatas.
- Tempatkan gadget baru anda pada tata letak yang anda inginkan.
Note: kode diatas selain bisa di area tataletak/widget, anda juga menyisipkannya pada artikel/postingan anda, tentunya pada halaman posting rubah dahulu fungsi Compose ke HTML dan sisipkan kode yang telah disiapkan pada paragraf yang ditentukan.
Demikian paparan cara membuat tulisan berjalan merquee di blogspot. semoga kedepannya saya bisa menulis kode-kode ayng lebih banyak lagi. Salam Blogger.
Artikel Terkait:
Modifikasi blog
- Cara menghilangkan Judul Blog di header
- Mengenal dan menulis kode HTML blog
- Membuat menu drop down blogspot –Bagian2
- Membuat menu dropdown di blogspot - bagian 1
- Cara membuat efek daun berjatuhan pada blog
- Cara mempercantik blogspot
- Cara membuat breadcrumb pada blogspot
- Keuntungan mengganti domain blogspot dengan domain sendiri
- Cara memasang widget twitter blogspot
- 8 situs background blogspot terbaik dan gratis untuk Web Designers
- Cara mengganti template blogspot
- Cara membuat Energy Saving Mode pada blogspot
- cara mengganti kursor blog
- Membuat header blog dengan gambar
- Cara membuat efek salju di blog
- cara membuat share box di blogspot- blogger blog anda
- Cara Menghilangkan Navbar Blogspot
- 4 Cara mempercantik blogspot dengan widget
- Cara membuat buku tamu di blogspot
- Cara Mengganti Favicon blog
Tutorial blogspot
- Membuat toko Online dengan Template Standar Blogger
- Cara Membuat Label Kategori di Blogspot
- Cara menghilangkan Judul Blog di header
- Cara membuat kontak form blogspot
- Cara membuat blog gratis dengan blogspot
- Mengenal dan menulis kode HTML blog
- Membuat toko online wordpress
- Membuat menu drop down blogspot –Bagian2
- Widget Cek Resi TIKI JNE dan Pos Indonesia
- Membuat tulisan berkedip di blog
- Membuat widget back to top
- Widget sms gratis di blog
- Cara membuat banner blog
- 6 cara membuat form online gratis
- Membuat Halaman di blog - blogspot
- Membuat menu dropdown di blogspot - bagian 1
- Cara memasang MP3 di Blog
- Cara membuat efek daun berjatuhan pada blog
- Cara mempercantik blogspot
- Membuat sitemap blogger
- Cara membuat random post blogger
- Cara membuat Energy Saving Mode pada blogspot
- Membuat header blog dengan gambar
- Cara posting artikel blog melalui Email
imam fahrudin · 301 minggu yang lalu
development beez · 219 minggu yang lalu
We are a leading digital marketing company in Toronto. Our services include SEO, SMO, Google ads, Facebook ads.
AGEN126 · 158 minggu yang lalu
#AGEN126SLOTGACOR