Blog Ini Akan Memuat Tampilan Bermacam Gambar Animasi Gif Dan Lain-Lain >TERIMA KASIH TELAH BERKUNJUNG DI BLOG INI

Rabu, 28 Agustus 2013

Cara Penempatan Gambar Gif Di Blog

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