Skip to main content

Cara Membuat Tulisan Berjalan Marquee Text Di Blog


Berikut ini cara membuat tulisan berjalan (Marquee Text) Di Blog yang mungkin sering anda lihat saat membuka sebuah blogspot/situs. Dengan menggunakan atau menambahkan kode Marquee yang dipasang pada blog ini, anda bisa menampilkan tulisan berjalan di blog sesuai keinginan anda, bisa mempercantik dan menyampaikan info ke pembaca.


Kita pahami dulu kode dasar untuk membuat Marquee text, yaitu seperti berikut:

<marquee>ISI TULISAN YANG BERJALAN</marquee>

Nah, setelah anda tahu kode dasarnya, sekarang bagaimana cara memasang kode ini di blogger. Bisa kita pasang di artikel/postingan atau tambah gadget melalui Tata letak.


Cara memasang kode Marquee pada widget

1. Masuk ke menu Tata Letak, lalu klik tambah gadget/add gadget

2. Pilih HTML/Java Script dan masukkan kodenya, lalu Simpan.

Untuk mempercantik, kita bisa mengubah warna, jenis huruf, dan ukuran teks:

Berikut bermacam kode Marquee yang bisa anda pakai:

style="font-family: Arial; font-size:20px; color:#00FF66;"

Arial adalah jenis huruf
20px adalah ukuran huruf
#00FF66 adalah warna huruf

Silakan lihat contoh berikut untuk membuat kodenya.

<marquee bgcolor="red" style="font-family: Arial; font-size:20px; color:#00FF66;">WARNA BACKGROUND UNTUK TEKS MARQUEE</marquee>

Lihat hasilnya:



Silakan gunakan kode berikut untuk pilihan yang ingin anda gunakan:


1. Kode untuk pengulangan Rotasi

<marquee loop="5">TEKS AKAN BEROTASI 5 KALI</marquee>



Silakan ganti pada angka 5, teks akan hilang setelah berjalan 5 kali.


2. Kode untuk mengatur lebar teks

<marquee width="50%">LEBAR TEKS YANG BERJALAN UNTUK SETENGAH BIDANG</marquee>


Silakan ganti pada angka 50%


3. Kode membuat link pada Marquee teks

Jika anda klik pada teks berjalan, maka akan diarahkan ke link yang anda masukkan.

Kode dasar adalah sbb:

onmouseover="this.stop()"
onmouseout="this.start()"

Untuk penerapan, contohnya sbb:

<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://myrplgroup.blogspot.com/p/daftar-isi.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee



Ganti kode http://myrplgroup.blogspot.com


4. Kode untuk memberikan warna background pada jalur teks.

Contoh kode, sbb:

<marquee bgcolor="blue">CONTOH BACKGROUND AREA TEKS</marquee>



Silakan ganti kode warnanya.


5. Kode scrolldelay, untuk mengatur kecepatan/waktu jeda (milidetik)

Contoh kodenya adalah:

<marquee scrolldelay="500">JEDA TEKS BERJALAN ADALAH 0,50 DETIK</marquee>



Anda bisa ganti angka 500


6. Kode untuk memberi pesan saat kursor diarahkan pada area teks

Contoh kodenya:

<marquee title="TEKS PESAN MUNCUL SAAT KURSOR SOROT TEKS">TEKS BERJALAN BERISI PESAN</marquee>




7. Kode untuk mengatur kecepatan teks berjalan

Contoh kode:
<marquee scrollamount="10">INI PADA KECEPATAN TEKS BERJALAN 10</marquee>



Silakan ganti angka 10. Semakin besar angka semakin cepat teks berjalan.


8. Kode untuk mengatur arah teks bergerak (kiri, kanan, atas, bawah)

Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks.

Contoh kode adalah sbb:

<marquee direction="left">TEKS BERJALAN KE KIRI</marquee>



Ganti left sesuai yang diinginkan.


9. Kode untuk mengatur teks berhenti saat dilintasi mouse.

onmouseover="this.stop()" onmouseout="this.start()"

Contoh kode:

<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()">INI CONTOH TEKS BERGERAK KE KIRI DAN BERHENTI SAAT DILINTASI MOUSE</marquee>




Semoga bermanfa'at !
Labels:

Comments

Post a Comment

Popular posts from this blog

Tips Belajar Bahasa pemrograman

Untuk yang pertama kali anda belajar bahasa pemrograman tips yang harus dilakukan adalah sebagai berikut: 1. Perhatikan ketika guru sedang menerangkan         Ini merupakan hal yang paling penting,dimana jikalau anda lengah sedikit saja atau ketika guru sedang menerangkan pikiran anda kemana saja ini bisa berakibat fatal. 2. Menjaga Sikap     Jangan sampai ketika guru menerangkan sikap anda malah tidak bisa diam,fokus saja kepada pelajaran yang dipelajari 3. Jaga Ruangan Sebaik Mungkin     Tentunya tidak akan betah jika ruangan atau tempat belajar yang anda gunakan kotor,dan itu akan membuat belajar kita semakin malas 4. Cobalah Untuk Mencoba Menghafal code program     Ini merupakan hal yang harus diutamakan karena belajar bahasa pemrograman harus hapal di luar kepala
Post a Comment
Read more

Teori Kepribadian Model Lima Besar (Big Five Personality)

Oleh Yolanda Guci  https://id.linkedin.com/pulse/teori-kepribadian-model-lima-besar-big-five-personality-yolanda-guci Untuk menempatkan orang yang tepat pada suatu pekerjaan, kita perlu memperhatikan sifat kepribadian orang tersebut apakah sesuai dengan pekerjaan yang akan diembannya. Ketidaksesuaian kepribadian seseorang terhadap pekerjaan yang ditugaskan akan mengakibatkan kerugian bagi perusahaan ataupun karyawan itu sendiri. Kerugian-kerugian tersebut dapat berupa rendahnya produktivitas kerja, karyawan yang sering absen kerja dan meningkatnya kerugian biaya serta waktu untuk melakukan pelatihan ulang terhadap karyawan baru ketika karyawan tersebut mengundurkan diri. Salah satu contoh ketidaksesuaian penempatan karyawan pada pekerjaannya seperti seseorang yang sifat kepribadiannya adalah pemalu, namun perusahaan menempatkannya di bagian pemasaran (marketing) ataupun layanan pelanggan (customer service) yang harus selalu menghadapi konsumen baik melalui tatap muka maupun tele...
Post a Comment
Read more

Kelebihan & Kekurangan PHP Kelebihan PHP

Banyak sekali kelebihan yang dimiliki PHP dibandingkan dengan bahasa pemrograman yang lain, yaitu Diantaranya : Bisa membuat Web menjadi Dinamis. PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara gratis. Program yang dibuat dengan PHP bisa dijalankan oleh Semua Sistem Operasi karena PHP berjalan secara Web Base yag artinya semua Sistem Operasi bahkan HP yang mempunyai Web Browser dapat menggunakan program PHP. Aplikasi PHP lebih cepat dibandingkan dengan ASP maupun Java. Mendukung banyak paket Database seperti MySQL, Oracle, PostgrSQL, dan lain-lain. Bahasa pemrograman PHP tidak memerlukan Kompilasi / Compile dalam penggunaannya. Banyak Web Server yang mendukung PHP seperti Apache, Lighttpd, IIS dan lain-lain. Pengembangan Aplikasi PHP mudah karena banyak Dokumentasi, Refrensi & Developer yang membantu dalam pengembangannya. Banyak bertebaran Aplikasi & Program PHP yang Gratis & Siap pakai seperti WordPress, PrestaShop, dan lain-la...
Post a Comment
Read more