Friday, May 27, 2016

Cara memberi Gambar animasi bergerak pada blog


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

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="" />
atan: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 nya menjadi :
<div style="position: fixed; bottom: 0px; right: 20px;width:280px;height:165px;"><img src="##" alt="gambar" title="" /></div>

atan :
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