Jumat, 11 November 2011

Cara memberi Gambar animasi bergerak pada blog

Berikut ini saya akan mengposting Cara untuk Memberi Animasi Bergerak Pada Blog, berikut contohnya :

gambar

Berikut Adalah cara untuk membuatnya, ada 2 tipe penampilan animasinya :

1. Letak Animasi Tetap, Tidak berubah-ubah :


-login blogger
-masuk rancangan
-tambah gadget
-klick Html/Java Script
-Copy kode berikut :
<img src="##" alt="gambar" title="" />

catatan:
Tada pagar (##) ganti dengan alamat Gambarnya atau yang berbentuk ".gif"
Contoh :

<img src="http://1.bp.blogspot.com/-pZWAfJW8PNQ/TltMst7fRLI/AAAAAAAAAJY/r9cNX9_z_Hc/s1600/Gif-Animer-Naruto.gif" alt="gambar" title="" />

ini adalah Gambar naruto bergerak naruto yang contoh diatas, kalian juga bisa mendapatkan link gambar animasi bergerak di :
DISINI  


-Click Save


2. Letak Animasinya Yang mengikut letak Layar :

-Caranya sama tapi ganti Code nya menjadi :

<div style="position: fixed; bottom: 0px; right: 20px;width:280px;height:165px;"><img src="##" alt="gambar" title="" /></div>

Catatan :
Warna yang saya tandai  warna kuning kalian bisa diganti dengan :
bottom menjadi top : untuk letak posisi  yang berada dibawah atau diatas Bottom posisi dibawah dan Top Posisi diatas.
Right menjadi Left : Right posisi di kanan dan Left di Kiri
Width : adalah mengatur letak posisi Horizontal
Height : adalah mengatur letak Vertikal.

'

1 komentar

Raziq N zul 11 Mei 2012 21.25

Thanks gan

Poskan Komentar

Apabila Artikel Saya Membantu,
sekiranya bisa klick Iklan yang ada
di blog ini sebagai ucapan terimakasih
Yang akan digunakan untuk update
Blog Ini