Sabtu, 11 Desember 2010

Membuat Teks Berjalan / Efek Marque

kali ini fian coba membagikan trik kuno untuk mempercantik tampilan blog anda karena dengan tampilan yang menarik membuat pengunjung betah berlama-lama di blog anda, salah satu cara itu adalah dengan membuat tulisan berjalan atau biasa dibilang dengan efek marque. Langsung saja berikut cara pembuatannya.
  • Membuat teks berjalan ke kanan
    <marquee style="width: 94.7%; height: 48px" direction="right" height="48" width="94.7%" align="center">
    <p>TEXT BERJALAN DARI KIRI KE KANAN</p>
    </marquee>
    Hasilnya :
    TEXT BERJALAN DARI KIRI KE KANAN

    • Membuat teks berjalan ke kiri
    <marquee style="width: 94.7%; height: 48px" direction="left"height="48" width="94.7%" align="center">
    <p>TEXT BERJALAN DARI KANAN KE KIRI</p>
    </marquee>
    Hasilnya :
    TEXT BERJALAN DARI KANAN KE KIRI

    • Membuat teks berjalan ke bawah
    <marquee style="width: 94.7%; height: 48px" direction="down"height="48" width="94.7%" align="center">
    <p>TEXT BERJALAN DARI KIRI KE BAWAH</p>
    </marquee>
    Hasilnya :
    TEXT BERJALAN DARI KIRI KE BAWAH







    • Membuat teks berjalan ke atas
    <marquee style="width: 94.7%; height: 48px" direction="up"height="48" width="94.7%" align="center">
    <p>TEXT BERJALAN DARI KIRI KE ATAS</p>
    </marquee>
    Hasilnya :
    TEXT BERJALAN DARI KIRI KE ATAS




    • Membuat teks berjalan menurut perilaku atau bolak-balik
    <marquee style="width: 94.48%; height: 50px" height="50" behavior="alternate" width="94.48%" align="center">
    <p>TEXT BERJALAN MENURUT PRILAKU ATAU BOLAK-BALIK</p>
    </marquee>
    Hasilnya :
    TEXT BERJALAN MENURUT PRILAKU ATAU BOLAK-BALIK
    • Membuat teks berjalan keatas dan berhenti ketika terkena mouse
    SELAMAT DATANG DI BLOG SAYA

    Sebenarnya html yang digunakan sama saja antara efek yang satu dengan yang lainnya, untuk mengubah arah cuma dengan mengganti teks RIGHT untuk kekanan, LEFT untuk kekiri,  DOWN untuk kebawah, UP untuk ke atas, dan lain sebagainnya.
    Selamat mencoba dan semoga berhasil.

0 komentar:

Template by : kendhin x-template.blogspot.com