Minggu, 27 Mei 2012

Membuat Teks Berjalan Pada Blog Menggunakan Marquee

Blog Cari-Cari|Tips & Trik|HTML Tutorial|Membuat Teks Berjalan Pada Blog Menggunakan Marquee

Bagaimana cara membuat teks berjalan? mungkin sudah banyak yang tahu cara membuat teks berjalan pada blog, apa lagi yang sudah mahir dengan html, dalam postingan kali ini saya akan membahas bagaimana cara Membuat Efek Marquee Atau Teks Berjalan .apa itu marquee? 
Marquee adalah suatu program HTML untuk membuat teks atau juga gambar bisa bergerak atau berjalan. disamping untuk menghemat tempat pada halaman blog.
Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>


Perhatikan Kode HTML Berikut :

<MARQUEE align="center" direction="left" height="50" scrollamount="2" width="100%">

<a href=”http://aliandika.blogspot.com” target=”new”>Blog Cari-Cari|Tips & Trik|HTML Tutorial|Membuat Teks Berjalan Pada Blog Menggunakan Marquee</a>

</MARQUEE>


Keterangan :
    • scrollamount="angka" → mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya
    • direction="left/right/up/down" → Mengatur arah gerakan teks
    • height="50" → Mengatur jarak spasi
    • width=”100%” → marquee menggunakan lebar sebesar 100% dari tempat dimana perintah ini diletakkan
    • Alamat link yang warna merah tinggal anda ganti dengan daftar link anda.
    • Teks warna kuning anda ganti dengan teks yang akan anda tampilkan
Caranya :
  1. Tambahkan elemen baru pada salah satu elemen halaman anda. Pilih gadget HTML/Javascript.
  2. Salin kode diatas ke elemen halaman yang baru ditambahkan
  3. Terakhir tinggal di simpan, dan lihat hasilnya. 
Dari contoh kode diatas dapat menghasilkan efek seperti berikut:

Blog Cari-Cari|Tips & Trik|HTML Tutorial|Membuat Teks Berjalan Pada Blog Menggunakan Marquee Jadi untuk Membuat Teks Berjalan Tinggal copy paste kode di atas lalu Ganti dengan teks dan link yang anda ingin tampilkan.

Anda juga bisa meletakkan blogroll marquee pada blok area dengan cara : 
<div ..........>

<marquee .........>

Alamat link dan teks

</marquee>

</div>

Gampang kan ?


Selamat Mencoba…!!!

0 komentar:

Posting Komentar