Cara Menambahkan Widget Gambar Animasi Di Blog

Untuk membuat tampilan blog menjadi lebih menarik, kita bisa memperindah atau mempercantik tampilan dengan menampilkan widget gambar animasi bergerak pada blog. Penempatan animasi ini bisa ditempatkan sesuai dengan keinginan, bisa di pojok kiri atas, pojok kiri bawah, pojok kanan atas, pojok kanan bawah ataupun dimana saja posisinya selama tidak menghalangi artikel blog yang kita posting.

Adapun cara untuk menampilkan widget gambar animasi adalah sebagai berikut :
1. Masuk ke BLOGGER
2. Pilih Design (Tata Letak)
3. Pilih Page Element
4. Pilih Add a Gadget
5. Pilih HTML/JavaScript
6. Tambahkan script berikut ini:

<div style="position: fixed; bottom: 0px; right: 10px;width:80px;height:100px;"><a href="http://s1135.photobucket.com/albums/m631/Zencky79/?action=view&amp;current=street_fighter_017.gif" target="_blank"><img src="http://i1135.photobucket.com/albums/m631/Zencky79/street_fighter_017.gif" border="0" alt="Photobucket" /></a></div>

Untuk menempatkan posisi itu di atas, bawah, kiri atau kanan bisa dirubah dengan mengganti tulisan yang berwarna merah menjadi bottom, top, left ataupun right.
Untuk menyesuaikan posisinya bisa dengan merubah nilai angka-angka yang berwarna kuning, sedangkan untuk merubah gambar animasinya dapat dengan meng-copy kode html pada gambar animasi tersebut seperti pada tulisan yang berwarna hijau

Selamat mencoba :)

4 comments: