Blogger Notes

Kalau kamu berkunjung ke blog /web orang lain pasti kamu pernah melihat efek teks yang berjalan baik itu dari kanan kekiri ataupun dari atas kebawah. lucu bukan kalau efek tersebut ada di blog kamu, caranya sangat gampang sekali kamu tinggal meletakan sedikit kode-kode HTML di teks yang akan kamu beri efek tersebut. OK langsung aja saya jelaskan cara-caranya
Mengenal marquee
Marquee adalah sebuah kode HTML yang dugunakan untuk memberikan efek bergerak pada suatu teks atau tulian, selain pada teks atau tulisan efek ini juga bisa di terapkan pada suatu image.Program/kode HTML marquee ini sangat diminati oleh para blogger karna menghasilkan efek yang lucu dan menarik untuk dilihat.efek marquue ini dapat dibuat dengan tag HTML <marquee>...</marquee>.
Jenis-jenis atribut yang digunakan beserta fungsinya
*Bgcolor="warna" => attribut yang dugunakan untuk merubah/mengatur warna background( latar belakang )
*Directon="left/right/up/down" => untuk mengatur arah gerakan teks
*Behavior="scroll/slide/alternate" => attribut yang digunakan untuk mengatur perilaku gerakan teks.Yang terdiri atas tiga poin perintah sebagai berikut:
-Scroll => perintah agar teks menghasilkan efek bergerak berputar
-Slide => perintah agar teks menghasilkan efek bergerak sekali lalu berhenti
-Alternate => perintah agar teks menghasilkan efek bergerak dari kiri kekanan lalu balik lagi ( bolak-balik )
*Title="pesan" => pesan akan muncul ketika mouse pointer berada di atas teks
Scrollmount="angka" => mengatur kecepatan gerakan dalam pixel, semakin besar angka yang di berikan semakin cepat pula gerakannya.
*Scrolldelay="angka" => Untuk mengatur waktu tunda gerakan dalam hitungan mili detik
*Loop="angka|-1|infinite" => Untuk mengatur jumlah loop
*Width="lebar" => Mengatur lebar blok teks dalam pixel atau persen
Nah itu dia atribut-atribut yang sering di pakai dalam memberikan efek pada teks,sebagai contohnya kamu bisa liat di bawah ini:
Contoh-contoh efek marquee
Contoh Marquee dari gerakan
Catatan: Anda bisa mengganti teks yang berwarna coklat dengan efek perintah yang anda inginkan, contohnya ( "left/right/up/down" )

<marquee align="center" direction="right" height="40" scrollamount="2" width="30%">>Marquee dari kiri ke kanan</marquee>

Hasilnya:

Marquee dari kiri ke kanan

<marquee align="center" direction="left" height="40" scrollamount="2" width="30%">>Marquee dari kanan ke kiri</marquee>

Hasilnya:

Marquee dari kanan ke kiri

COntoh Marquee dari prilaku gerakan
Catatan: Anda bisa mengganti teks yang berwarna coklat dengan efek perintah yang anda inginkan, contohnya ( "scroll/slide/alternate" )

<marquee align="center" direction="left" height="40" scrollamount="2" width="30%" behavior="alternate">
Marquee menurut prilaku gerakan</marquee>

Hasilnya:

Marquee menurut prilaku gerakan

Contoh Marquee dengan variasi font dan warna background
Catatan: Anda bisa mengganti teks yang berwarna coklat dengan jenis font dan warna background yang anda sukai

<div align="left">&ltfont face="lithos pro" color="White"><b><marquee bgcolor="red" width="30%" scrollamount="2" behavior="alternate">
Marquee dengan variasi font dan background</marquee></b></font></div>

Hasilnya:



Contoh Marquee yang ketika kita arahkan mouse pointer tepat di atas teks yang di beri efek, teks tersebut akan berhenti dan ketika mouse pointer di geser kembali ke tempat lain maka teks akan kembali berjalan/bergerak.untuk mendapatkan efek tersebut kita hanya sedikit menambahkan kode pada marquee tersebut
Catatan: Lihatlah kode yang berwarna coklat, nah kode itulah yang ditambahkan

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="40" align="center">Letakan mouse pointer anda disini</marquee>

Hasilnya:

Letakan mouse pointer anda disini

Contoh efek marquee yang didalam marquee tersebut di letakan link url

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://facebook.com" target="new">facebook</a><br/>

<a href="http://yahoo.com" target="new">yahoo</a><br/>

<a href="http://google.com" target="new">google </a><br/>
</marquee>

keterangan warna teks:
-teks kode yang berwarna orange adalah teks kode dari efek marquee itu sendiri
-teks kode yang berwarna coklat adalah kode HTML untuk dapat menghasilkan link
-teks kode yang berwarna merah adalah alamat-alamat url yang alamat url tersebut dapat kamu ganti dengan alamat url yang kamu butuhkan.

Hasilnya:



facebook


yahoo


google



mungkin hanya itu yang bisa saya berikan, untuk menghasilkan efek yang bagus itu tergantung kepada kekreatifan kamu, silahkan kamu otak-atik/acak-acak juga boleh sampai muntah tuh kode-kode hahahaha,( maaf becanda )ehm,,,
Tidak lupa saya ucapkan hatur nuhun kepada Kang Rohman yang telah memberikan ilmu-ilmunya untuk khalayak ramai sehingga sangat membantu para blogger semua,sakali deui hatur nuhun kang .
dan sampai jumpa lagi di postingan berikutnya