Selamat Datang Di Blog Saya.

Jumat, 03 Juni 2011

Membuat Animasi Di Blog

Banyak Tutorial dan Panduan BloGGeR tentang cara membuat berbagai trik untuk menciptakan blog yang lebih menarik dan  atraktif dengan satu tujuan untuk semakin mempercantik penampilan blog dan membuat pengunjung merasa betah berlama-lama singgah di blog yang kita kelola. Salah satunya adalah dengan memanfaatkan berbagai animasi gerak baik melalui penggunaan gambar, gambar animasi, javascript atau memanfaatkan makromedia flash (adobe flash) yang filenya berekstensi .swf.
Membuat sebuah judul posting yang bisa bergerak tidak perlu menggunakan berbagai cara yang justru membuat loading blog semakin melambat. Efek Marquee mampu membuat gerak secara vertikal maupun horizontal yang bisa dikembangkan menjadi bentuk gerak scroll dan bounce dengan sebuah controll untuk penghenti gerakan dari tambahan javascript. Cobalah untuk memastikan indahnya memakai marquee effects ini.
Cara membuat Animasi Gerak di Judul Posting BlogSPOT :
  1. Login ke BloGGeR, Dasbor, Tata Letak kemudian KLIK Edit HTML.
  2. Expand Widget Template : KLIK pada “Expand Widget Template” supaya seluruh kode html template terlihat.
  3. Cari Kode HTML di bawah ini :
    <a expr:href=’data:post.url’>
    <data:post.title/>
    </a>
    Cari kode html di atas dengan menggunakan Ctrl + F.
  4. Ganti Kode HTML di atas dengan Kode Berikut ini :
  5. <a expr:href=’data:post.url’> <marquee behavior=’alternate’ onmouseout=’this.start()’ onmouseover=’this.stop()’> <data:post.title/> </marquee> </a>
  6. Simpan Template : Lanjutkan KLIK Simpan Template, kemudian lanjutkan dengan membuaka Blog untuk melihat hasilnya.
  7. Amankan Template : Jangan pernah lupa untuk selalu mengamankan template terlebih dahulu setiap meakukan perubahan desain template (penambahan atau perubahan pada xHTML, Kode CSS dan Javascript). Jika belom tahu cara cepat mencari kode HTML, silahkan
  8. Tutorial Lain : Apabila dirasa belum tuntas dan masih kesulitan untuk menciptakan judul posting berjalan ini, silahkan sampeyan
Untuk mendapatkan banyak lagi tutorial tentang BlogDETIK dan panduan blogger lebih lengkap sampeyan bisa KLIK link di bawah ini :
images-gubhugreyot-tutorial

Jadilah orang pertama yang menyukai tulisan ini