.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); } Blogger Widgets Link Sumber : http://info-mini.blogspot.com/2012/04/cara-merubah-kursor-di-blog.html#ixzz1vvvbBeeK

Total Tayangan Halaman

Rabu, 09 Mei 2012

Cara Membuat Tulisan Berjalan (Marquee)

By: Ade S | Label: Tutorial Blog |
Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :

Login ke Blogger
Kemudian klik Tata Letak dan Elemen Halaman
Ketika sudah berada di Elemen Halaman klik Tambah Gadget
Lalu pilih HTML/JavaScript
Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :




1. Teks berjalan dari kanan ke kiri

kode :

Contoh Tulisan Berjalan
hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan

kode :

Contoh Tulisan Berjalan
hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik

kode :

Contoh Tulisan Berjalan
hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah

kode :

Contoh Tulisan Berjalan
hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas

kode :

Contoh Tulisan Berjalan
hasil :

Contoh Tulisan Berjalan



6. Teks berjalan mondar-mandir

kode :

Contoh Tulisan Berjalan
hasil :

Contoh Tulisan Berjalan



7. Teks berjalan zig-zag nembus

kode :

Contoh Tulisan Berjalan

hasil :

Contoh Tulisan Berjalan




8. Teks berjalan zig-zag mantul

kode :

Contoh Tulisan Berjalan

hasil :



Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan

Contoh Tulisan Berjalan

dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

.............


adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL

Demikianlah artikel mengenai Cara Membuat Tulisan Berjalan (Marquee)
Semoga Bermanfaat..

Tidak ada komentar:

Posting Komentar