Thursday, November 10, 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.

No comments:

Post a Comment