#CustomSearch1 { top: 20px; left: 50%; }
Minggu, 25 Maret 2012

Selamat Mencoba !!!

Seringkali kita melihat blog yang dihiasi dengan tulisan tulisan berjalan. Dalam post ini akan saya terangkan sedikit tentang cara membuatnya. Lumayan, sedikit banyak akan menambah kecantikan blog yang anda kelola. Siap? Mulai.

1. Masuk ke Blogger dulu donk.
2. Klik Tata letak dan elemen laman.
3. 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 :

<marquee direction="left" scrollamount="2" align="center">kangmastempatbelajar.blogspot.com</marquee>

Hasilnya seperti ini !!!

kangmastempatbelajar.blogspot.com


2. Teks berjalan dari kiri ke kanan

Kode :

<marquee direction="right" scrollamount="2" align="center"> kangmastempatbelajar.blogspot.com </marquee>

Hasilnya seperti ini !!!

kangmastempatbelajar.blogspot.com 

3. Teks berjalan Bolak balik

Kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate">kangmastempatbelajar.blogspot.com </marquee>
Hasilnya seperti ini !!!

kangmastempatbelajar.blogspot.com 

4. Teks berjalan dari atas ke bawah

Kode:

< <marquee direction="down" scrollamount="2" align="center"> kangmastempatbelajar.blogspot.com </marquee>
Hasilnya seperti ini !!!  kangmastempatbelajar.blogspot.com 
5. Teks berjalan dari bawah ke atas

Kode :
<marquee direction="up" scrollamount="2" align="center">kangmastempatbelajar.blogspot.com </marquee>
Hasilnya seperti ini !!! kangmastempatbelajar.blogspot.com 
6. Teks berjalan mondar mandir keatas dan kebawah

Kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">kangmastempatbelajar.blogspot.com </marquee>
Hasilnya seperti ini !!! kangmastempatbelajar.blogspot.com 
7. Teks berjalan zig-zag dan menembus

Kode :

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">kangmastempatbelajar.blogspot.com </marquee></marquee></center>
Hasilnya seperti ini !!!






kangmastempatbelajar.blogspot.com 







8. Teks berjalan zig-zag dan memantul

Kode :
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> kangmastempatbelajar.blogspot.com </marquee></marquee></center>
Hasilnya seperti ini !!!





kangmastempatbelajar.blogspot.com 
Keterangan :# 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)

Terima kasih. Semoga bermanfaat. Salam kangmastempatbelajar.blogspot.com

0 komentar:

Posting Komentar

Pengikut