Membuat Gambar Bergerak di Footer Blog dengan Efek Marquee

Senin, 17 Oktober 2011

Halo teman-teman, sebelumnya kami mohon maaf nih karena udah lama gak posting tips n trik blog untuk teman-teman coz dengan adanya berbagai kesibukan, baik dikampus dan disekolah, membuat kami tidak sempat memposting artikel ataupun tips-trik yang baru buat teman-teman......
Tapi, alhamdulillah, kali ini kami dapat kembali sharing tips-trik blog untuk teman-teman sekalian. Adapun yang akan kami sharekan dengan teman-teman adalah trik membuat image/gambar bergerak dari kiri ke kanan ataupun sebaliknya pada bagian footer blog kalian.
Ok, tanpa basa-basi lagi, yuk kita pasang widget keren ini, let's check it out!!


1.  Langkah pertama adalah Login ke Akun Blogger kalian dulu pastinya.
2.  Pilih Rancangan
3.  Pilih Elemen Laman
4.  Pilih Tambah Gadget ( 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.
5.  Pilih HTML/Javascript
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.

7.  Simpan dan lihat hasilnya....





SELAMAT MENCOBA YAAAA....

0 komentar:

Posting Komentar

 
 
 

Labels

Read more: Mengganti tampilan Cursor Mouse pada Blogger ~ Home Design Ideas http://kibagus-homedesign.blogspot.com/2010/03/mengganti-tampilan-cursor-mouse-pada.html#ixzz15PQVNdZI

Labels

Labels