Saturday, 12 January 2013

Cara Menambahkan Gambar Bergerak pada Blog


shawacademy.com

Hallo semuanya… kali ini Dony akan berbagi cara untuk membuat efek gambar bergerak pada blog. Langkah-langkah menambahkan efek gambar bergerak adalah sebagai berikut:

1.  Langkah pertama adalah Login ke Akun Blogger
2.  Pilih Rancangan
3.  Pilih Elemen Laman
4.  Pilih Tambah Gadget.
5.  Pilih HTML/Javascript
NOTE : Pastikan pilih menu Tambah Gadget pada bagian footer blog kalian (bagian bawah layout blog), karena kalo kalian pasang bagian header atau sidebar, maka gambarnya juga akan muncul dibagian tersebut
6.  Pada Bagian Konten, silahkan pastekan code berikut:


<marquee scrollamount="3" direction="right" style="position: fixed; bottom: 25px;"><img src="http://www.deviantart.com/download/244397208/running_suicune_by_shayminonearth-d41ia3c.gif" border="0" alt="tigerwalk" /></marquee>

Note:
Gambar yang saya gunakan pada cod tsb adalah gambar pokemon suicune yang sedang lari, apabila kalian ingin mengganti gambar tsb dengan gambar lain, kalian cukup ganti alamat gambar tesebut (tulisan yang berwarna merah) dengan alamat gambar yang akan kalian gunakan.

Untuk mengganti arah gerakan dari kiri ke kanan, ubah tulisan right (tulisan yang warna biru) menjadi left atau Botton.

7.  Simpan dan lihat hasilnya

Load comments