Hallo sobat semuanya, kali ini ane akan coba buat artikel tentang bagaimana cara penempatan gambar/animasi bergerak pada blog kita. Sebenarnya senior-senior blogger sudah banyak sekali memuat artikel tentang ini, tetapi ane akan buat berdasarkan kategori animaasi tersebut seperti Hewan, Burung dll, maaf bukan ane lebih pintar, tidak sama sekali, tetapi untuk mewujudkan ide saja dari pada duduk bengong sendirian, ya gak... mana tau sobat suka menampilkan gambar burung misalnya. Ok kita lanjut aja sobat :
Umpamanya sobat mau meletakan pada pinggir sebelah kiri blog sobat atau dimana aja,
Cara ane begini :
1. Login ke blog dan masuk ke > Dasboard , lalu klik > Tata letak.
2. Klik Tambah Gadget >Pada Menu Konfigurasi, Scroll ke bawah > Ketemu HTML/JavaScript > Klik tanda (+).
3. Copy Script dibawah ini, dan paste kan di ruang Konten.
4. Klik Simpan, lihat hasilnya....
5. Belum kelihatan ? Klik F5 pada kybord sobat.
Dibawah ini Script yang akan di copy :
<div style="position: fixed; bottom: 250px; left: 15px;width:70px;height:160px;"><a <img border="0" src="http://free-animations.co.uk/birds/images/bird_flying_5.gif" />/a></div>
Hasilnya seperti disebelah ini :
Sobat bisa atur posisi gambar,
dengan merobah angka berwarna merah : button = jarak dari pinggir bawah
left = jarak dari pinggir kiri Blog
height = tinggi/jarak dari bawah halaman
warna coklat untuk robah besar gambar width = ukuran besar/kecilnya gambar
Kalau untuk merobah jenis gambar cukup mengganti script warna biru dengan script gambar yang sobat suka.
Coba aja robah, jangan lupa klik Simpan stiap ada perobahan.
Selamat mencoba................................
Sumber Script diambil dari : http://www.heathersanimations.com
Tidak ada komentar:
Posting Komentar