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 telepon.
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

Cara menginstall program Java

Untuk menginstall program java tidak berbeda jauh dengan cara kita menginstall suatu aplikasi lain berikut caranya : Klik pada program java dengan nama jdk-6u22-windows-i586.exe (sesuaikan dengan versi java yang di gunakan) Akan muncul jendela java(TM) SE Development Kit Update 22-setup. Selanjutnya klik tombol Next> Berikutnya, pilih tempat installasi JDK, Anda bisa menggunakan folder defaulnya di C:\Program Files\java\jdk1.6_22\. Klik tombol Next> kurang lebih tampilannya seperti ini               2. Tunggulah beberapa saat sampai proses penginstallan JDK selesai dilakukan.     3. Selanjutnya Anda akan diminta untuk melakukan instalasi JRE juga.Klik tombol Next>untuk melanjutkan.     4. Selanjutnya klik tombol finish.     5. Untuk melakukan pengecekan apakah instalasi program JDK atau JSE berhasil dilakukan, klik tombol start kemudian ketikan cmd pada bagian search programs tekan tombol enter. Akan muncul command prompt.    6.  Ketikan java -version kemudian
Post a Comment
Read more