Cara Membuat Background Bergerak di Blog
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr-RwZV4hOK8wrjlndoSuq-QXYOVCB4jkKsZH6nSnNgYQjvXVdHjmLex7CF9v0ZzLMAl26KdIbjeiKs2R3Nbvt3wDTGnRxTggBnth7a9RTK85QvC0ur_getO2HFErtQzX9DwFpcT0-Ebnf/s1600/blog_background.jpg)
Info unik kali ini mengenai salah satu trik membuat gambar background
blog menjadi dinamis. Trik ini menggunakan JQuery sederhana yang
dikhususkan untuk membuat gambar background menjadi bergerak (Scrolling
Background). Script ini membuat gambar background blog bergerak secara
vertikal ataupun horizontal, untuk contoh seperti yang terlihat pada
postingan artikel ini apabila tidak terlihat silakan sobat refresh
browsernya. Buat sobat blogger yang ingin mencobanya silakan disimak
trik membuat scrolling background berikut ini.
Cara Pemasangan :
- Login ke blog anda.
- Klik Template kemudian klik edit HTML.
- Cari potongan kode "
-
- Klik "Save" dan lihat hasilnya.
- var bgScrollDirection = "left" merupakan variabel arah gerakan animasi background. Apabila ingin merubah arah gerakan ke atas ganti tinggal merubah varabel "left" dengan "up". Adapun kode variabel arah gerakan ada empat macam, yaitu :left => Gerakan dari kanan ke kiri,
right => Gerakan dari kiri ke kanan,
up => Gerakan dari bawah ke atas,
down => Gerakan dari atas ke bawah. - var bgScrollImage merupakan variabel URL gambar.
- var bgScrollColor merupakan warna latar.
- var bgScrollSpeed merupakan kecepatan gerakan animasi, semakin angkanya kecil maka gerakan animasi semakin cepat.
Pilihan Gambar Background
http://lh6.googleusercontent.com/-5pLorlV3H-I/T4a0Sdg2iQI/AAAAAAAABi4/2EKSDnkxz9s/s800/bg.gif
http://lh3.googleusercontent.com/-uJ-Th52g6r0/TtjTcIlyYZI/AAAAAAAAAkM/4dNde9sGNKw/s800/bg_star.png
http://lh4.googleusercontent.com/-dQkfB1XjogQ/TtjaZFg_FNI/AAAAAAAAAkY/27E-kzfkkvc/s800/bg-clouds.jpg
http://lh5.googleusercontent.com/-nx3gBAi7vr0/Tzy-csmqhCI/AAAAAAAAA-A/TuekaM10Vjs/s800/skull-fire-monozcore.png
http://lh6.googleusercontent.com/-u6hhkovKiAg/T0fZ-dZBX0I/AAAAAAAABLM/MomlYPHQwrQ/s800/dance_flow.png
http://lh3.googleusercontent.com/-eGOdPe7gV-g/T0fZ-hR1H-I/AAAAAAAABLQ/LWN2smtA6cc/s800/ThighHeels.png
http://lh4.googleusercontent.com/-brpkMDLI-Jo/T0hBjzFgHbI/AAAAAAAABLs/lmWb_OeOuwE/s800/animated%2520stars.gif
http://lh4.googleusercontent.com/-dsFg9OnYo5Q/T0hK7b0-xoI/AAAAAAAABL4/9_CPzXBCMfw/s800/animated%2520blue%2520stars.gif
http://lh4.googleusercontent.com/-Kow92KwCv4w/T1x-QG4nWGI/AAAAAAAABWk/wLOYXtytoV4/s800/devil_angel_lolita_bg.png
:: Selamat Mencoba ::
WOI KONTOL NGAJARIN YANG BENER !!
ReplyDeleteKODE " ITU BANYAK ANJING !!