Cara Membuat Tulisan Berjalan di Blogger

Written By zuhri zze on Minggu, 01 Juli 2012 | 20.05


            Sering kali kita melihat blog di teman-teman kita yang dihiasi oleh tulisan atau kata-kata yang berjalan. Mungkin sebagian besar sudah mengetahuinya dan pernah mencobanya. Tapi di sini saya mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

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

Berikut cara pembuatannya :
  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :


1. Teks Berjalan dari Kanan ke kiri


Kode :
Hasil tampilan :



Selamat Datang 2. Teks Berjalan dari Kiri ke kanan


Kode :
Hasil tampilan:


 Selamat Datang3. Teks Berjalan Bolak-balik

Kode :
Hasil tampilan:






Selamat Datang 4. Teks berjalan dari atas ke bawah




Kode :
Hasil tampilan:





Selamat Datang 5. Teks Berjalan dari Bawah ke atas


Kode :
Hasil tampilan:




Selamat Datang 6. Teks Berjalan Mondar-mandir


Kode :
Hasil tampilan:




Selamat Datang 7. Teks Berjalan Zig-zag Menembus


Kode :
Hasil tampilan;









Selamat Datang
8. Teks berjalan zig-zag mantul

Kode :
Hasil tampilan:









Selamat Datang
Langkah Selanjutnya adalah mengganti tulisan "Selamat Datang" dengan tulisan atau kata-kata yang anda inginkan. Untuk lebih jelasnya perhatikanlah keterngan di bawah ini:

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 :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.

SEMUGA SUKSES DAN BERHASIL





0 komentar:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...
 
berita unik