TopBottom

Berlangganan Artikel

Facebook Twitter Google Buzz Digg Yahoo! Bookmarks Google Bookmarks Technorati

Enter your email address:

Delivered by FeedBurner

Marquee dengan Javascript

Posted by Bahtiar Ahmad Syukur at Senin, 06 Juli 2009
Share this post:
Ma.gnolia DiggIt! Del.icio.us Yahoo Furl Technorati Reddit

Untuk membuat sebuah fungsi marquee agar terlihat bekerja dengan baik pada banyak browser, kali ini saya menggunakan javascript sebagai adaptor nya. Prinsip dasar dari yang akan saya terangkan adalah seperti ini :

  • Kode CSS untuk patokan kode marquee yang ingin di tampilkan


  • Javascript sebagai adaptor agar fungsi marquee dapat bekerja dengan baik pada berbagai browser


  • isi yang ingin di tampilkan



  • Nah kira-kira seperti itu deh kalau menurut saya sih. Bentuk variasi dari marquee ini tentunya bisa berbagai macam bentuk serta ragam yang dapat di ciptakan, akan tetapi kali ini akan saya terangkan satu contoh saja sebagai acuan dasar.

  • Untuk Template klasik


    1. Sign in di blogger


    2. Klik menu Template


    3. Klik menu Edit HTML


    4. Copy seluruh kode HTML yang ada, kemudian paste notepad lalu save sebagai backup


    5. Copy paste kode berikut di atas kode





    6. Copy kode berikut, lalu paste di atas kode






    7. Copy kode berikut lalu paste pada tempat yang sobat inginkan (biasanya di simpan di sidebar)






    8. Klik tombol Simpan Perubahan template


    9. Selesai.



  • Untuk Template baru


    1. Sign in di blogger


    2. Klik menu Layout


    3. KLik menu Edit HTML


    4. Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting


    5. Copy paste kode berikut di antara kode dan kode ]]> , atau jika bingung simpan saja persis di atas kode ]]>





    6. Copy kode berikut lalu paste di atas kode






    7. Klik tombol SIMPAN TEMPLATE


    8. Klik menu Elemen Halaman


    9. Klik tulisan Tambah sebuah Elemen Halaman


    10. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript


    11. Copy paste kode berikut pada elemen yang muncul






    12. Klik tombol SIMPAN PERUBAHAN


    13. Sorot elemen yang baru di buat, klik lalu tahan dan kemudian pindahkan pada tempat yang sobat inginkan (di drag and drop)


    14. Klik tombol SIMPAN


    15. Selesai.



    Pada kode marquee yang di terangkan di atas adalah memuat contoh kata-kata yang saya buat, silahkan sobat ganti sendiri sesuai dengan keinginan sobat. Karena fungsi ini adalah mirip dengan kode marquee biasa, maka untuk menciptakan variasi lainnya maka silahkan sobat bandingkan dengan artikel saya lainnya yang memuat pembuatan kode marquee.
    Share
    Share/Save/Bookmark

    Artikel Menarik:



    0 komentar:

    :a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l:
    Posting Komentar

    Posting Komentar

    Semakin banyak anda berkomentar, semakin banyak backlink yang anda dapatkan dan tentu saja Search Engine akan semakin cinta terhadap blog anda.