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

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

Pengenalan PHP

Php adalah bahasa scripting yang menyatu dengan html dan dijalankan pada server side, artinya semua sintak yang kita berikan sepenuhnya akan dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja. Ketika seorang pengguna internet membuka suatu situs yang menggunakan fasilitas server side scripting php, maka terlebih dahulu server yang bersangkutan akan memperoses semua perintah php di server lalu mengirimkan hasilnya dalam format html ke web server pengguna tadi. Sehingga kode asli yang ditulis dengan php tidak terlihat di browser pengguna. Php merupakan software yang open source bebas. Jadi anda dapat merubah source code dan mendistribusikan secara bebas dan gratis. Php juga dapat berjalan lintas platform, yaitu dapat dengan s.o (windows dan linux),dan webserver apapun misalnya (Pws,apache dll).
1 comment
Read more

Pengertian dan Fungsi php dalam pemrogramman Web

PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum ( wikipedia ). PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf , dan sekarang dikelola oleh The PHP Group . Situs resmi PHP beralamat di http://www.php.net . PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser (client). Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll. Saat ini PHP adalah singkatan dari PHP: Hypertext Preproce...
Post a Comment
Read more